📘
TK'S Learning Book
  • TK'S Learning Book
  • 🟨JavaScript
    • 📔들어가며
    • 4️⃣04.변수
      • 04.1. 변수란 무엇인가?
      • 04.2. 식별자
      • 04.3. 변수 선언
      • 04.4. 변수 선언의 실행 시점과 호이스팅
      • 04.5. 값의 할당
      • 04.6. 식별자 네이밍 규칙
    • 5️⃣05.표현식과 문
      • 05.1. 값
      • 05.2. 리터럴
      • 05.3. 표현식과 문
      • 05.4. 표현식인 문과 표현식이 아닌 문
    • 6️⃣06.데이터 타입
      • 06.1. 숫자 타입과 문자열 타입
      • 06.2. 템플릿 리터럴과 불리언 타입
      • 06.3. undefined, null, 심벌, 객체 타입
      • 06.4. 데이터 타입의 필요성과 동적 타이핑
    • 7️⃣07.연산자
      • 07.1. 산술, 할당,비교 연산자
      • 07.2. 삼항 조건,논리,쉼표,그룹 연산자
      • 07.3. typeof, 지수, 그 외의 연산자
      • 07.4. 부수효과, 우선순위, 결합순서
    • 8️⃣08. 제어문
      • 08.1. 블록문, 조건문
      • 08.2. 반복문
  • 🟦TypeScript
    • 📘들어가며
    • 1️⃣타입스크립트 알아보기
      • 타입 스크립트와 자바스크립트의 관계
      • 타입스크립트 설정 이해하기
      • 코드 생성과 타입이 관계 없음을 이해하기
  • ✡️React
    • 🟪들어가며
    • 🔎시작하기
      • 1️⃣1. 설치와 시작하기
        • 1.1. 새 React 프로젝트 시작하기
        • 1.2. 기존 프로젝트에 React 추가하기
      • 2️⃣2. 빠른 시작하기
        • 2.1.빠른 시작하기
      • 3️⃣3. React로 사고하기
        • 3.1. React로 사고하기
    • 🎨React 배워보기
      • 1️⃣1. UI 구성하기
        • 1.1. 첫번째 컴포넌트
        • 1.2. 컴포넌트 import 및 export
        • 1.3. JSX로 마크업 작성하기
  • 🌐Web
    • 🗒️들어가며
    • 1️⃣01. 브라우저의 랜더링
      • 01.1. 브라우저의 파싱과 렌더링
      • 01.2. CSR과 SSR
        • CSR과 SSR의 렌더링 차이
      • 01.1. 요청과 응답
Powered by GitBook
On this page
  1. Web

01. 브라우저의 랜더링

Rendering in Browser

브라우저의 렌더링 과정

구글의 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경(Runtime Environment)인 Node.js의 등장으로 자바스크립트는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용할 수 있는 범용 개발 언어가 되었습니다. 하지만, 자바스크립트가 가장 많이 사용되는 분야는 웹 브라우저환경에서 동작하는 웹 페이지/애플리케이션의 클라이언트 사이드입니다.

대부분의 프로그래밍 언어는 운영체제(OS)나 가상머신(VM) 위에서 실행되지만, 웹 애플리케이션의 클라이언트 사이드 자바스크립트는 브라우저에서 HTML, CSS와 함께 실행됩니다.

이를 위해, 브라우저가 HTML, CSS, JavaScript로 작성된 텍스트 문서를 어떻게 파싱(Parsing, 해석)하여 브라우저에 렌더링하는지를 이해하는 것이 중요합니다.

Previous들어가며Next01.1. 브라우저의 파싱과 렌더링

Last updated 1 year ago

🌐
1️⃣