🔍 프론트엔드 데브코스 5기 TIL 231003

연휴 마지막 날이다. 다른 사람들은 주말같은 분위기지만 난 코딩 공부한다!!
나도 6개월 뒤에는 여유롭게 연휴를 즐길 수 있을 것이다!

🧐 오늘 새롭게 배운 것

• 코딩 테스트 준비 방법

  자료구조와 알고리즘에 대한 기본적인 것들을 공부하고 이후 코딩 테스트를 준비하는 방법에 대해서 정리하는 시간이었다. 코딩 테스트를 공부할 때 현실적인 꿀팁들과 좋은 습관들에 대해서 배울 수 있어 좋았다.
  자바스크립트의 9가지 트릭이라는 가이드도 유용했다. 실용적인 구조 분해 할당 및 ...오퍼레이터 등 코드와 로직을 깔끔하게 짤 수 있는 도구들이었다.
  교육이 끝나기 전까지 프로그래머스 레벨 3, 4 문제들을 다 푸는 것을 목표로 삼았다.
  
  

• DOM

  웹 브라우저를 만들기 위한 기본 문서 객체인 DOM에 대해서 배웠다.
  DOM의 정의부터 렌더링 과정, DOM 내 요소 선택, 탐색, 조작에 필요한 함수(메서드)를 공부했다.
  실제 웹 개발에 필요한 지식들이라 하나하나 실습해보면서 공부했다.
  
  

• Virtual DOM

  최근 많이 사용되는 React와 Vue에서도 사용되는 가상 DOM에 대해서 배웠다.
  여러 개의 DOM 객체를 수정할 때 사용하는 방식이었다.
  가상 DOM이 무조건 좋은 것도 아니기에 필요에 따라 가상 DOM을 쓰지 않고도 최적화를 해야하는 경우(document.createDocumentFragment)가 있었다. 이에 대해서는 더 알아봐야 할 것 같다.
  
  

🙄 알고 있었지만 더 알아봐야 할 것

👀 오늘 느낀점

• 본격적으로 웹 개발에 필요한 지식들을 공부했다.

  DOM과 가상 DOM, 웹 브라우저 렌더링 과정 등을 공부했으며 간단한 에디터를 만드는 실습도 진행했다. 딱딱한 자료구조와 알고리즘 강의를 듣다가 이제서야 결과가 눈에 바로 보이는 프론트엔드 세계에 들어선 것 같았다. :)
  즉시실행함수를 통해 전역 컨텍스트의 오염을 방지하는 습관을 들이라는 이선협 강사님의 꿀팁도 얻었다. 추가적인 즉시실행함수에 대한 응용법을 더 찾아볼 예정이다.

😅 해당 내용은 공부하면서 정리한 글입니다. 틀린 부분이나 오해하고 있는 부분이 있다면 피드백 부탁드립니다.