아티클 스터티 [웹 브라우저에 URL을 입력하면 어떤 일이 생기나요?]2

이전글

아티클 스터디 [웹 브라우저에 URL을 입력하면 어떤 일이 생기나요?]1 (tistory.com)

아티클 스터디 [웹 브라우저에 URL을 입력하면 어떤 일이 생기나요?]1

 

 

- CDN은 콘텐츠를 사용자에게 더 가까이 제공하는 글로벌 분산 네트워크이다

- 웹 브라우저가 인터넷에서 서버를 찾으면 웹 서버와 TCP 연결을 설정하고 HTTP를 통해 평문 통신을 시작한다

- 웹 브라우저와 웹 서버간의 통신이 어떻게 일어나는지는 크롬의 [보기] > [개발자] > [개발자 도구] 에서 볼 수 있다

 

 

 

4. 웹 브라우저가 HTTP 요청을 서버로 전송

- 웹 브라우저가 서버에 연결되면 HTTP(s) 프로토콜에 대한 통신규칙을 따른다

- 요청라인에는 GET, POST, PUT, PATCH, DELETE 또는 몇가지 다른 HTTP동사 중 하나인 요청 메서드와 리소스를 가리키는 경로, 통신할 HTTP버전을 포함한다

- URL 요청에 대한 요청라인은 GET / blog/1620 HTTP/1.1 일때 서버에 /vlog/1620에서 리소스를 가져오고 HTTP/1.1과 통신하기를 원한다고 알린다

- 헤더는 요청을 라우팅하는 데 도움이 되는 추가 정보를 클라이언트에서 전달하고, 어떤 유형의 클라이언트가 요청을 수행하는지 나타낸다 

 

 

 

5. 웹 서버가 요청을 처리하고 응답을 다시 전송

- 웹 서버는 요청을 받고 요청 라인, 헤더 및 본문의 정보를 기반으로 요청 처리 방법을 결정한다

- 요청에 대한 응답에는 클라이언트에게 요청 상태를 알려주는 상태라인, 브라우저에 응답 처리 방법을 알려주는 응답헤더, 해당 경로에서 요청된 리소스 (HTML, CSS, Javascript, 이미지 파일과 같은 콘텐츠 또는 데이터)가 포함된다

- 대부분 웹 서버가 동적 리소스를 생성하여 코드 조각이나 템플릿에서 HTML을 구축하고 동적 데이터와 결합하여 응답으로 텍스트를 다시 전송하여, 웹 브라우저가 페이지를 렌더링 할 수 있다

 

 

 

6. 웹 브라우저가 콘텐츠 렌더링

- 웹 브라우저가 서버로 부터 응답을 받으면 응답 헤더를 검사하여 리소스를 렌더링하는 방법에 대한 정보를 확인한다

- 검사 후 Javascript, CSS, 이미지 리소스를 참조하고 웹 페이지를 설계된 대로 렌더링 하기 위해 추가 데이터를 요청한다

- 웹 브라우저는 페이지에 스타일을 지정하기 위해 CSS 시로스를 가져오도록 서버에 후속 요청을 한다

 

 

 

최종마무리

1. 웹 브라우저에 URL을 입력하고 Enter 키를 누른다

2. 웹 브라우저가 도메인의 IP 주소를 조회한다 (먼저 캐시를 찾고, 그 다음 DNS를 검색한다)

3. 웹 브라우저가 찾은 IP 주소를 기반으로 서버와의 TCP연결을 시작한다

4. 웹 브라우저가 HTTP 요청을 서버로 전송한다 (필요한 경우, HTTPS 보안 통신이 진행된다

5. 웹 서버가 요청을 처리하고 응답을 다시 웹 브라우저로 전송한다

6. 웹 브라우저가 전송 받은 콘텐츠를 렌더링 한다

 

 

이렇게 웹브라우저에 URL을 입력하면 어떻게 되는지 알고 있으면 문제가 발생한 위치와 웹 사이트의 성능 문제를 찾을 위치를 파악하고 사용자에게 안전한 경험을 제공하는 데 도움이 될 수 있다

 

이 아트클을 통해 사용자로만 이용했더 웹 브라우저의 뒷면의 또다른 세계를 알 수 있었고 아직 완벽하게 이해하기는 어려웠지만 자세한 설명을 통해 큰 틀을 이해하는데 도움이 되었다