티스토리 뷰
브라우저가 어떻게 동작하는지 설명해 주세요
브라우저는 사용자가 입력한 URL(웹 주소)을 통해 웹 서버에 요청을 보내고, 서버로부터 HTML, CSS, JavaScript 등의 파일을 받아와서 이를 렌더링해 화면에 표시합니다.
- URL 입력 및 요청 전송: 사용자가 브라우저의 주소창에 URL을 입력하고 엔터를 누르면, 브라우저는 이 URL을 해석하여 해당 웹 사이트의 서버로 HTTP 또는 HTTPS 요청을 보냅니다.
- DNS 조회: 브라우저는 도메인 네임 시스템(DNS)을 이용해 입력된 도메인 이름을 서버의 IP 주소로 변환합니다.
- 서버와의 연결: DNS를 통해 IP 주소를 확인한 브라우저는 이 주소를 통해 웹 서버에 접속하고, HTTP 요청을 전송합니다. 이 요청은 사용자가 원하는 특정 웹 페이지를 요청하는 내용입니다.
- 응답 수신 및 처리: 서버는 요청을 받은 후, 해당 웹 페이지의 HTML, CSS, JavaScript 파일 등을 브라우저로 전송합니다. 이 데이터는 브라우저의 메모리에 저장됩니다.
- 렌더링: 브라우저는 받은 HTML, CSS, JavaScript 파일을 해석하여 웹 페이지를 렌더링합니다. HTML은 페이지의 구조를 정의하고, CSS는 그 구조에 스타일을 입히며, JavaScript는 페이지에 동적 기능을 추가합니다.
- 화면에 표시: 렌더링된 결과물이 사용자 화면에 표시되며, 사용자는 웹 페이지를 볼 수 있게 됩니다.
- 추가 요청: 웹 페이지에는 이미지, 비디오, 외부 스타일시트 또는 스크립트 같은 추가 자원이 포함될 수 있습니다. 브라우저는 이러한 자원에 대한 추가 요청을 서버로 보내고, 응답을 받아 화면에 표시합니다.
이 외에도 브라우저는 보안 관리, 쿠키 및 세션 관리, 캐시 관리 등 다양한 기능을 수행하여 원활한 웹 탐색 경험을 제공합니다.
'Weekly-paper' 카테고리의 다른 글
| Week 8-1. 데이터베이스 정규화 (1) | 2024.09.18 |
|---|---|
| Week 6. 웹페이지 렌더링 방식 CSR, SSR, SSG 각각의 특징 (3) | 2024.09.06 |
| Week 5. React - useMemo, useCallback, 생명주기, 배열 key 설정 (4) | 2024.09.02 |
| Week3. 자바스크립트 변수 선언과 this, 렉시컬 스코프 개념 (1) | 2024.08.15 |
| Week1. Cascading 과 시맨틱 태그 (0) | 2024.08.15 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- virtual dom
- 리액트
- docthru
- useMemo
- React
- 스프린트풀스텍2기
- d.ts
- 타입 정의 파일
- 코드잇스프린트
- 풀스택
- typscript
- 취업까지달린다
- semantic tag
- 개발리포트
- 타입스크립트 동작원리
- 무결성
- fitmate
- 배열 키 설정
- 스프린트풀스택2기
- 렌더링
- 코드잇스프린트프리코스
- 프로젝트
- 모드잇
- 렉시컬
- lexical
- 독스루
- seo
- 데이터베이스 정규화
- 데이터 이상
- usecalback
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
글 보관함
