개발 활동/프로그래머스10 [2023-09-20] 개발 환경 구축 (vscode 플러그인 설치) 및 JavaScript 기본 개념 강의를 듣고 면접 질문과 관련된 내용, 개념들을 정리 합니다. ※브라우저 동작 원리 https://d2.naver.com/helloworld/59361 참고: 면접 - 프론트엔드 (1) - 브라우저 동작 원리 1. 서버에서 응답으로 받은 HTML 데이터 파싱 2. HTML을 파싱한 결과로 DOM Tree 생성 3. 파싱하는 중 CSS 파일 링크를 만나면 CSS 파일을 요청해서 받아온다. 4. CSS 파싱, CSSOM(CSS Object Model) 생성 5. DOM Tree와 CSSOM이 만들어지면, 이 둘을 사용해 Render Tree 생성 6. Render Tree에 있는 각각의 노드들이 화면의 어디에 어떻게 위치하는지 계산하는 Layout 과정을 거친다. 7. 화면에 실제 픽셀을 Paint DOM .. 2023. 9. 20. 이전 1 2 다음