FE 기술면접 대비 / 브라우저가 웹서버로 요청을 보내는 과정

Career/웹

wood.forest 2020. 10. 15. 10:42

FeBase에서 출제한 FE 기초지식 테스트를 쳐봤다. 20점인가 그랬떤듯^^;

2020 FeBase Season 1 Exam

Febase(https://github.com/Febase/FeBase) 에서 2020년 상반기에 기고된 내용을 바탕으로 문제가 출제되었습니다. 2020 Season 1에서는 Javascript 기초에 대한 내용을 전반적으로 학습했습니다. 구글링을 하지 마�

docs.google.com

FE 기술면접 질문으로도 많이 나오는듯 하여 위 설문에서 나온 것 뿐만 아니라 주워들은것 하나씩 작성하려 한다!

Q. 브라우저가 웹서버로 요청을 보내는 과정?

ex. www.google.com 요청

여기에 너무 잘 정리되어 있어서 이걸 보면 된다. 출처는 FEBase Github

Javascript 기초 - 별에서 온 그대, Web이 동작하는 방식

Client가 버튼을 누른 결과가 Server를 거쳐 다시 Client에 오는 과정을 설명합니다. Web에서 사용되는 기본 개념들에 대해서 알 수 있습니다. Client to Client 의 순환 과정을 알 수 있다. Browser가 하는 역�

samslow.github.io

아래는 내가 외우려고 작성해봄.

웹 서버로 요청

사용자는 주소창에 도메인 www.google.com을 입력
브라우저는 해당 도메인을 HTTP 규약에 맞춰 데이터 패킷을 준비한다.
준비된 패킷은 ISP 까지 전달된다.
1. 이때 클라이언트는 빠른 응답을 위해 Cache Server에 캐싱 해 놓은 결과가 있는지 먼저 확인하고 만약 캐시된 데이터가 있으면 더 진행하지 않고 이를 다시 클라이언트에 되돌려준다.
ISP는 DNS를 겸하기도 하기 때문에 요청으로 들어온 www.google.com의 IP 주소를 확인한다.
1. 만약 해당 DNS에 정보가 없다면 다른 DNS 서버에 해당 도메인이 있는지 확인한다.
브라우저는 216.58.220.142 가 www.google.com 의 IP 주소임을 알게 되고, 해당 IP 주소로 HTTP Request를 보낸다.
Google의 Web Application Server는 요청을 처리한다. (ex. db작업)
사용자 요청에 맞는 컨텐츠를 Status Code같은 내용과 함께 HTTP Response로 돌려 보낸다.
다시 수많은 Router들과 ISP를 거쳐 사용자의 브라우저에 컨텐츠가 도달한다.

웹 서버로부터 응답 받고 브라우저가 하는 일

728x90