DevLog

🎁 Daily javascript Spread/Rest 문법 학습 javascript 구조분해 학습 파이썬 기초 알고리즘 문풀 🤔 Learned Spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때 사용한다. function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; console.log(sum(...numbers)) //6 Spread 문법은 ES6문법이 도입되면서 기존의 apply문법을 대체하기 위해 나온 문법이다. 기존에 사용하던 apply 문법은 아래와 같다. function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; co..

🎁 Daily javascript 원시 자료형, 참고자료형 학습 javascript 스코프, 클로저 학습 python basics 알고리즘 문제풀이 🤔 Learned 원시 자료형과 참조 자료형의 특징 원시 자료형이 할당될 때에는 변수에 값(value) 자체가 담기고, 참조 자료형이 할당될 때는 보관함의 주소(reference)가 담긴다. 그래서 참조 자료형은 기존에 고정된 크기의 보관함이 아니라, 동적으로 크기가 변하는 특별한 보관함을 사용할 수 있다. 스코프 : 범위가 중괄호(블록) 또는 함수에 의해 나뉘어지고, 그 범위를 말함. 바깥쪽 스코프에서 선언한 변수는 안쪽 스코프에서 사용 가능. 반면에, 안쪽에서 선언한 변수는 바깥쪽 스코프에서는 사용할 수 없음. 스코프는 중첩이 가능하고 지역 변수는 전역 ..

🎁 Daily CSS 셀렉터 학습 HTML로 레이아웃 만들기(Flexbox사용) 🤔 Learned 자손 선택자와 자식 선택자의 차이 자손 선택자는 자식, 손자 그리고 이후의 모든 후손을 선택하는 선택자 자식 선택자는 특정 요소의 직계 자식만 선택하는 선택자(손자, 후손 포함하지 않음) 레이아웃 리셋 * { box-sizing: border-box; } body { margin: 0; padding: 0; } flexbox 부모 박스 요소에 display: flex 를 적용해, 자식 박스의 방향과 크기를 결정 부모 박스에 flex-direction 속성을 적용하여 수직, 수평 분할 방향을 설정할 수 있음. 자식 박스 요소에 flex: 를 설정하면 크기를 늘리거나 줄일 수 있음. 설정하지 않으면 기본 값이 ..

🎁 Daily javascript 객체 파트 학습 객체 파트 알고리즘 문제 풀이 깃허브 레파지토리 이름 바꾸고 로컬에도 동일하게 적용시키기 🤔 Learned 배열과 객체의 구조 이해하고, 특징을 구분할 수 있게됨( 순서를 가진다 - 배열, 의미를 가진다 - 객체) dot notation과 bracket notation의 차이 이해 ex) obj.nickname과 obj['nickname'] obj[nickname]의 차이를 구분할 줄 알게 됨. 객체 속성의 추가, 조회, 변경, 삭제 학습 처음에는 매일 조금이라도 정리하고 하루를 마무리하는게 그렇게 힘이 들고 하기가 싫었는데 그새 습관이 들어서 안 하면 찝찝해서 하게 된다. 꾸준하게 해야지 꾸준하게 🌈 Tomorrow css공부, 웹 화면 설계 코드잇 알..

🎁 Daily javascript 배열 기초, 배열의 반복, 배열 기초 메서드 학습 배열 알고리즘 문제 공부 노드 백엔드 학습 준비 🤔 Learned 배열 요소(element)를 조회, 추가, 삭제, 복사, 분리하는 법을 이해할 수 있게 되었다.(unshift, shift, slice, length) 띄어쓰기 (" ")로 문자열을 구분하여, 배열로 변경할 수 있다. str.split(" ").join(" ") 배열 판별. Array.isArray 변수, 데이터 또는 특정 값 배열에 포함되어 있는지 확인. indexOf, includes for in은 객체에서 반복문을 사용할 때 for of는 배열에서 반복문으로 사용된다. 노드 백엔드 공부를 시작해보려고 한다. 메인으로 하고 있는 학습은 유지하면서 남는 ..

🎁 Daily 별찍기(역삼각형, 다이아몬드) 마무리 Git사용법 복습(레파지토리 생성하고 add, commit, push) debugger, console 사용법 학습 🤔 Learned 다이아몬드 별찍기는 for문이 총 5개 사용되는데 for문을 이해하는데 큰 도움이 되었다 100%까지는 이해하지 못해서 다음번에 한번 다시 복습을 통해 완전히 이해할 수 있도록 해야겠다. 크롬 개발자도구로 별찍기 결과물을 출력하려 했는데 \n 줄 바꿈을 인식하지 못해 한 줄로 출력된다. 이 부분에 대해 알아봐야겠다. => 알아본 결과 마지막 줄에 console.log(star)을 입력하지 않아서 한 줄로 출력된 것이다. 🌈 Tomorrow 배열 복습 커밋하기, 블로깅하기 // 다이아몬드 var star = ''; for ..

🎁 Daily Git 명령어 정리, 소스트리 이용해서 브랜치 관리 마크다운 언어 사용법 공부, typora 설치 및 사용 이중 for문을 이용한 별찍기(javascript 문법) 🤔 Learned 마크다운 언어 공부를 미루고 미루다 주말을 이용해서 공부를 해봤는데 문법도 별로 많지 않고 키보드로만 조작할 수 있어 블로깅에 이용하면 편리한 것 같다. 블로깅하기 전에 먼저 typora에 먼저 마크다운으로 작성하고 붙여넣기 해서 수정하면 효율적으로 블로깅 할 수 있다. cli 로만 git을 사용하면 추상적이라 감이 안올 때가 있는데 그 때 마다 소스트리를 이용하면 추상적이기만 하던 git브랜치를 시각적으로 확인할 수 있어서 형상관리를 더 쉽게 할 수 있다. 🌈 Tomorrow 크롬디버거, 콘솔 사용법 별찍기 ..

🎁 Daily Git - 페어와 함께 번갈아가며 fork, add, commit, push 연습 동일한 라인을 수정하고 push & pull 하여 파일이 충돌(merge conflict)하게 한 뒤, 충돌 해결 좋은 Git Commit 메시지 쓰는 법에 대하여 학습 🤔 Learned 페어의 코드를 pull 하기 전에 같은 라인을 수정하고 add, commit 해야 merge conflict가 발생한다. Git 자체가 굉장히 낯선 개념이라 처음엔 많이 헤맸지만 반복하다 보니 익숙해지는 것 같다. 조바심 내지 말고 앞으로 Git 사용할 일이 많으니 사용할 때마다 모르는 점들을 구글링을 통해 채워 가야겠다. 1 일 1 커밋의 필요성을 느낌, 초반에는 알고리즘과 클론코딩을 주로 채워갈 계획이고 부가적으로 배웠던..