Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- web server vs was
- javascript module
- centos7 설치
- react event bind
- 순차리스트
- Event Loop
- 일급 객체
- redux 사용 이유
- body-parser
- client side rendering
- redux 특징
- javascript eventloop
- parcel
- first class citizen
- server side rendering
- 자료구조
- Browser API
- 자료구조 정렬
- 선형리스트
- task queue
- typescript parcel tilde
- Call stack
- DOM API
- es6 module
- express request body
- parcel resolver error
- javascript first class citizen
- react
- 자료구조 queue
- request body undefined
- Today
- 8
- Total
- 557,693
비실이의 개발 성장기
[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) (1) | 2020.08.19 |
---|---|
[Web & HTTP] CORS / SOP 학습 (2) | 2020.07.01 |
[Web] 브라우저의 기본 구조 (0) | 2018.08.23 |
0 Comments