'async' 태그의 글 목록

제가 브라우저와 DOM,HTML에 대해 공부했던 내용입니다. 참고하실분은 참고해주세요~! 브라우저의 렌더링 과정 1. HTML,CSS,JS, 이미지,폰트 파일 등 렌더링에 필요한 리소스를 요청하고 서버로부터 응답을 받는다. 2. 브라우저의 렌더링 엔진은 서버로부터 응답된 HTML과 CSS를 파싱하여 DOM과 CSSOM을 생성하고 이들을 결합아여 렌터 트리를 형성한다. 3. 브라우저의 JS 엔진은 서버로부터 응답된 JS를 파싱하여 AST(Abstract Syntax Tree)를 생성하고 바이트코드로 변환,실행한다. JS는 DOM API를 이용해 DOM,CSSOM을 변경할 수 있다. 변경된 후 다시 렌더 트리로 결합된다. 4. 렌더 트리를 기반으로 HTML요소의 레이아웃을 계산하고 브라우저 화면에 HTML요..

스터디 자료 2022. 11. 18. 20:25

이전 1 다음