Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- javascript first class citizen
- es6 module
- parcel resolver error
- 일급 객체
- client side rendering
- server side rendering
- centos7 설치
- redux 사용 이유
- 함수 호이스팅
- javascript eventloop
- 변수 호이스팅
- redux 특징
- task queue
- 자료구조 queue
- 순차리스트
- parcel tilde
- javascript module
- 선형리스트
- express request body
- 자료구조 정렬
- 자료구조
- typescript parcel tilde
- request body undefined
- parcel
- parcel tilde path
- Event Loop
- first class citizen
- Call stack
- web server vs was
- body-parser
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. 브라우저(클라이언트) 는 서버로부터 전달받은 패킷을 조합하여 화면에 띄움
'스터디' 카테고리의 다른 글
일급 객체 (First-class citizen) (1) | 2018.11.06 |
---|---|
componentDidCatch() 함수 확인 (4) | 2018.08.30 |
[javascript] 모듈 사용방식과 번들러 사용 이유 (2) | 2018.05.26 |
API를 사용하는 이유 (4) | 2017.07.23 |
Redux란? (2) | 2017.07.08 |
Comments