[TIL] 2021.10.24 (JS30, 알고리즘 문제풀이, 마우스 클릭좌표, 브라우저 렌더링 과정과 순서)

🧪 Javascript 30 Challenge

• Day 8
  [JS30] - 8) Fun with HATML5 Canvas
  
  

🧲 1일 1알고리즘

• 문제풀이
  [Code Signal] Array Replace
  
  

🧶 JS 메소드 정리

• 오늘 푼 알고리즘 문제에서 사용한 메소드 정리
  배열안 같은 요소의 모든 위치 찾기(indexOf - 2nd param)
  
  

💊 브라우저/성능개선

• [[JS30] - 8) Fun with HATML5 Canvas]에서 사용한 offsetX,Y와 관련하여 추가학습
  [JS] 마우스 클릭 좌표 ( screenX, clientX, pageX, offsetX )

• 브라우저 렌더링 관련 내용 복습 & 정리
  - 브라우저 렌더링 과정
  - 브라우저 렌더링 순서 (2) - Critical rendering path

👑 Modern Javascript DeepDive

• 38장. 브라우저의 렌더링 과정
  • 38.3 HTML 파싱과 DOM 생성
  • 38.4 CSS파싱과 CSSOM 생성
  • 38.5 렌더 트리 생성