프론트엔드 개발자 엄성준 블로그

  • 홈
  • 태그

defer 1

브라우저 렌더링 과정에서 이미지가 먼저일까? JavaScript파일이 먼저일까?

브라우저 렌더링 과정은 다음과 같다. 1. HTML 파일 다운로드 : 브라우저는 HTML 파일을 서버로부터 다운로드합니다. 2. HTML 파싱 : 브라우저는 다운로드한 HTML 파일을 파싱 하여 DOM(Document Object Model) 트리를 생성합니다. 3. CSS파일 다운로드 및 처리 : 브라우저는 HTML 파싱 중에 CSS파일을 만나면 해당 파일을 다운로드하고 처리합니다. CSS 파일을 처리하여 스타일 규칙이 생성되고, DOM 요소에 스타일 규칙이 적용됩니다. 이 단계에서 이미지의 크기와 위치등의 계산이 이루어집니다. 4. JavaScript 파일 다운로드 및 실행 : 브라우저는 HTML파싱 중에 script태그를 만나면 해당 JavaScript파일을 다운로드하고 실행합니다. 결론은 이미지의..

지식 정리 📝 2023.06.18
이전
1
다음
더보기
프로필사진

꾸준함을 강점으로 삼고 있는 프론트엔드 개발자 엄성준 블로그입니다.

  • 카테고리 📂 (382) N
    • 코딩 테스트 풀이 🛠 (232)
    • 지식 정리 📝 (78) N
    • zero-base 프론트엔드 스쿨 ⛪️ (20)
    • 3월 협업 프로젝트(1석 4조) 👨‍👩‍👧‍👦 (19)

Tag

String(), join(), 프로그래머스, next.js, sort(), autowini, 엄성준, split(), 제로베이스 프론트엔드 스쿨, indexOf(), 프론트엔드 개발자 엄성준, Number(), forEach(), exceljs, 프론트엔드, 프론트엔드 개발자, 프론트엔드 스쿨, 오토위니, react, 제로베이스,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

방문자수Total

  • Today :
  • Yesterday :

꾸준함이 강점이자 자랑인 프론트엔드 개발자 엄성준 입니다.

  • Github
  • 📷 Instar
  • 🎨Portfolio

티스토리툴바