📘
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
  2. 01. 브라우저의 랜더링

01.1. 요청과 응답

Request and Response

PreviousCSR과 SSR의 렌더링 차이

Last updated 1 year ago

01.2. 요청과 응답

브라우저의 핵심 기능은 필요한 리소스(HTML, CSS, JavaScript, 이미지, 폰트 등의 정적 파일 또는 서버가 동적으로 생성한 데이터)를 서버에 요청하고 서버로부터 응답받아 브라우저에 시각적으로 렌더링한다.

Key Point💡

렌더링에 필요한 리소스는 모두 서버에 존재하므로, 필요한 리소스를 서버에 요청하고 서버가 응답한 리소스를 파싱하여 렌더링하는 것이다.

서버에 요청을 전송하기 위해 브라우저는 주소창을 제공하고, 주소창에 URL을 입력하여 URL의 호스트 이름이 DNS를 통해 IP주소로 변환되고 이 IP 주소를 갖는 서버에게 요청을 전송하도록 합니다.

DNS란? 💡

DNS(Domain Name System)는 인터넷 전화번호부입니다. 사람은 예) nytimes.com 또는 espn.com과 같은 도메인 이름을 통해 온라인으로 정보에 액세스합니다. 웹 브라우저는 인터넷 프로토콜(IP) 주소를 통해 상호작용합니다. DNS는 브라우저가 인터넷 자원을 로드할 수 있도록 도메인 이름을 IP 주소로 변환합니다.

  • 인터넷에 연결된 각 기기에는 다른 컴퓨터가 기기를 찾는 데 사용하는 고유한 IP 주소가 있고, DNS 서버를 사용하면 사람이 192.168.1.1(IPv4의 경우)과 같은 IP 주소 또는 2400:cb00:2048:1::c629:d7a2(IPv6의 경우)처럼 영문과 숫자로 된 복잡한 IP 주소를 기억할 필요가 없습니다.

🌐
1️⃣
URI