일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Call stack
- web server vs was
- es6 module
- client side rendering
- javascript eventloop
- 자료구조 정렬
- server side rendering
- DOM API
- 순차리스트
- task queue
- redux 특징
- 선형리스트
- Browser API
- javascript module
- redux 사용 이유
- javascript first class citizen
- parcel resolver error
- first class citizen
- react event bind
- express request body
- request body undefined
- centos7 설치
- typescript parcel tilde
- Event Loop
- 자료구조 queue
- 자료구조
- parcel
- 일급 객체
- body-parser
- react
Archives
- Today
- Total
비실이의 개발 성장기
[Web] 브라우저가 웹 페이지 리소스를 받아오는 과정 본문
1. 브라우저 주소창에 접속 할 URL 을 입력
2. 브라우저는 현재 PC에 연결된 네트워크의 DNS 에 접속 할 URL 의 IP 주소를 요청
3. DNS 로 부터 IP 확인이 완료되면 브라우저는 서버에 요청 할 HTTP 메시지를 작성
4. 작성이 완료 된 HTTP 메시지를 패킷으로 나누어 서버측으로 전송 (TCP 이므로 3-handshaking 기법을 통해 서버를 찾음)
5. 서버측에서는 도착한 패킷을 조합하여 원래의 HTTP 메시지로 만듦
6. 서버(Web server + WAS) 는 클라이언트에 보낼 리소스(HTTP 메시지)를 패킷으로 나누어 클라이언트측으로 전달
7. 브라우저(클라이언트) 는 서버로부터 전달받은 패킷을 조합하여 화면에 띄움
'기타 Web 관련 공부' 카테고리의 다른 글
[Web] Server-Side Rendering(SSR) / Client-Side Rendering(CSR) (1164) | 2020.08.19 |
---|---|
[Web & HTTP] CORS / SOP 학습 (1168) | 2020.07.01 |
[Web] 브라우저의 기본 구조 (1168) | 2018.08.23 |
Comments