목록DOM (1)

개발이군고구마

[JS] 브라우저 렌더링 과정 (캐싱/SSR)

1. 이유 [브라우저 렌더링]- 프로젝트에서 gnb 에 데이터는 Tiles 를 호출하여 model 객체에 담아서 보내주고 있음 - Tiles 호출 시기가 궁금하였고, 결국 SSR이 어떻게 화면을 응답받는지가 궁금하였음  [렌더링 과정에서 외부자원 호출 부분 - img]- 또한 상품 상세에 이미지에 lazyloading 이 적용되었는데, 해당 스크립트가 "언제" 실행되는지 - 또 이미지가 "언제" 호출되어 나타나는지 알아야 했음  => 그렇기 위해선 기본적으로 브라우저의 렌더링 과정을 완벽히 이해하고 있어야 함  2. 브라우저 렌더링 과정 - 파싱 : 텍스트 문서를 -> 토큰으로 분해 -> 토큰에 문법적인 의미와 구조를 반영 -> 파스 트리- 렌더링 : HTML, CSS, JS 로 작성된 문서를 파싱하여 ..
FRONT 2024. 9. 13. 23:40
이전 Prev 1 Next 다음