23.06.13 9일차 프론트엔드 데브코스 TIL

오늘 공부한 내용 💻

• HTML5와 CSS3에 대해서
• DOM이란?
• DOM을 다루는법
• Virtual DOM이란?
• 모던 자바스크립트 딥다이브 : let, const 키워드와 블록 레벨 스코프, Set과 Map
• 코딩테스트를 준비하는 방법

새로 알게된 부분 💗

• Virtual DOM의 속도 관련 이슈
• DOM을 조작하는 명령어
• Set과 Map을 다루는 법
• Set으로 집합을 구현할 수 있다..!
• Map과 Set의 유사성과 차이점에 대해 명확하게 정리할 수 있었다.
• let과 const의 블록 레벨 스코프를 정리할 수 있었다.
• 코딩테스트 문제 유형 파악하는 법(너무 유용하다)

어려웠던 내용 😵‍💫

• TDZ 관련 (예전에 강의내용을 정리하면서 봤던 내용인데..!)
• Set과 Map을 정리하며 잘 모르거나 애매하게 알고 있는 부분이 자꾸 나온다..(이터러블 이라던지)

궁금한 내용 / 부족한 내용 👀

• 아래의 코드에서 에러가 나는 이유는 뭘까?? (해결 완료)

foo = 1; //ReferenceError: Cannot access 'foo' before initialization
console.log(foo);
let foo;

• 지금 해야하는 작업도 많은데 CS 공부도 해야하고 알고리즘 공부도 해야하는데 시간 분배를 어떻게 해야할지 잘 모르겠다..
• 가상 DOM을 쓰지 않고 최적화를 해야한다면 어떻게 해야 할까?..

느낀 점 😇

알고리즘과 JS 기본 강의가 드디어 끝났다.
하지만 강의를 들었어도 모던 자바스크립트 딥 다이브를 정독해보니 아는 부분도 많지만 세세한 부분은 아직 내가 모르는것이 확연히 느껴진다. 빨리 이 책을 완독하고싶지만 해야하는 것이 너무 많은것 같다..
영상도 듣고, 정리도 하고, 책 정리도 하면 하루가 정말 빠르게 간다.
매일 고민하고 있지만 하루하루 분량을 쳐내는것도 조금 버겁게 느껴진다. 하지만 이렇게 바쁘게 살기 위해 데브 코스에 참여한거라 불만은 없다.. (잠만 좀 더 자고싶지만 누군가에겐 나도 많이 자는거겠지ㅠ)
매일 어느정도 분배가 적당한지를 고민해봐야겠다!!
(모던 자바스크립트 정리하는것도 매일 정해진 시간만 하도록 해야될것 같다)

let, const 키워드와 블록 레벨 스코프
Set과 Map
Day9 알고리즘 꿀팁
Day9 HTML/CSS/DOM