- let과 const의 차이
- 시멘틱 요소란
- flex 속성 정리
- grid 속성 정리
- innerHTML / textcontent의 차이
- CLI 명령어 정리
- npm, Node.js, nvm, git 설정방법 정리
- rwxr-xr-x / rw-r--r-- 명령어 알아보기
- -h / --help 옵션 알아보기
- JSON을 javascript 배열의 형태로 바꾸는 방법
- 스코프
- 클로저
- Strict Mode https://ko.javascript.info/strict-mode
- 즉시 실행 함수 표현식(IIFE) https://ko.javascript.info/var#ref-21
- 변수 호이스팅과 TDZ https://poiemaweb.com/es6-block-scope#13-%ED%98%B8%EC%9D%B4%EC%8A%A4%ED%8C%85
- DOM과 자바스크립트의 차이 https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction#dom_and_javascript
- createDocumentFragment 활용 https://developer.mozilla.org/en-US/docs/Web/API/Document/createDocumentFragment
- HTML5 템플릿 태그 사용법 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template
- 요소와 노드의 차이
- children과 childNode의 차이
- remove와 removeChild의 차이
- 같은 요소를 appendChild 하면 기존 요소를 복사할까? https://indepth.dev/posts/1161/here-is-why-appendchild-moves-a-dom-node-between-parents
- 좌표 정보 조회 (offsetTop...)
- 크기 정보 조회(offsetWidth...)
- 이벤트 객체(onsubmit, onchange, onmouseover, onkeyup, event.preventDefault)
- querySelector
- 쿼리셀렉터의 첫번째 인자에 div 넣었을때
- 쿼리셀렉터를 통해서 더 복잡한 작업을 할 수 있을까
- 쿼리셀렉터의 부모는 꼭 도큐먼트 객체여야하나
- git 명령어 정리(git status / git add / git commit / git push / git remote ...)
- MapReduce (MapReduce Model)
- 자바스크립트에서 커링과 클로저의 차이 이해하기(js closure vs curry)
- 선언형 프로그래밍과 절차형 프로그래밍의 차이를 배열 메서드를 통해 이해하기
- 함수의 조합에 대해 학습하기(javascript function composition)
- ES5 문법으로 클래스 상속 구현하기
- 클래스 인터페이스
- 클래스 #으로 은닉화 구현
- 클래스 getter, setter 공부하고 구현
- Event Loop, Callback Queue
- 리액트 import, router 구현
- let과 const의 차이
- 시멘틱 요소란
- flex 속성 정리
- grid 속성 정리
- innerHTML / textcontent의 차이
- CLI 명령어 정리
- npm, Node.js, nvm, git 설정방법 정리
- rwxr-xr-x / rw-r--r-- 명령어 알아보기
- -h / --help 옵션 알아보기
- JSON을 javascript 배열의 형태로 바꾸는 방법
- 스코프
- 클로저
- Strict Mode https://ko.javascript.info/strict-mode
- 즉시 실행 함수 표현식(IIFE) https://ko.javascript.info/var#ref-21
- 변수 호이스팅과 TDZ https://poiemaweb.com/es6-block-scope#13-%ED%98%B8%EC%9D%B4%EC%8A%A4%ED%8C%85
- DOM과 자바스크립트의 차이 https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction#dom_and_javascript
- createDocumentFragment 활용 https://developer.mozilla.org/en-US/docs/Web/API/Document/createDocumentFragment
- HTML5 템플릿 태그 사용법 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template
- 요소와 노드의 차이
- children과 childNode의 차이
- remove와 removeChild의 차이
- 같은 요소를 appendChild 하면 기존 요소를 복사할까? https://indepth.dev/posts/1161/here-is-why-appendchild-moves-a-dom-node-between-parents
- 좌표 정보 조회 (offsetTop...)
- 크기 정보 조회(offsetWidth...)
- 이벤트 객체(onsubmit, onchange, onmouseover, onkeyup, event.preventDefault)
- querySelector
- 쿼리셀렉터의 첫번째 인자에 div 넣었을때
- 쿼리셀렉터를 통해서 더 복잡한 작업을 할 수 있을까
- 쿼리셀렉터의 부모는 꼭 도큐먼트 객체여야하나
- git 명령어 정리(git status / git add / git commit / git push / git remote ...)
- MapReduce (MapReduce Model)
- 자바스크립트에서 커링과 클로저의 차이 이해하기(js closure vs curry)
- 선언형 프로그래밍과 절차형 프로그래밍의 차이를 배열 메서드를 통해 이해하기
- 함수의 조합에 대해 학습하기(javascript function composition)
- ES5 문법으로 클래스 상속 구현하기
- 클래스 인터페이스
- 클래스 #으로 은닉화 구현
- 클래스 getter, setter 공부하고 구현
- Event Loop, Callback Queue
- 리액트 import, router 구현