유저와 웹의 통신은 어떻게 이루어지는가?

https://www.youtube.com/watch?v=hJHvdBlSxug 

 

1. 유저가 브라우저(혹은 다른 웹 프로그램)를 통해 데이터 전송을 요청함 (Request)

ex. 브라우저를 통해 웹페이지의 도메인 주소(Domain name)를 입력했고 웹페이지를 불러오는 것을 요청한다고 예를 들어 보자.

 

2.  그러면 브라우저는 해당 주소가 만약 https://www.naver.com 과 같은 도메인 이름(Domain name)이라면 IP주소로 바꾸기 위해 DNS서버에 또 요청을 보내게 된다.

그러면 DNS서버는 해당 도메인 이름에 맞는 IP주소를 연결해서 해당 웹페이지의 서버에 데이터 전송을 요청하게 된다.

 

3. 그러면 서버에서는 해당 요청을 수신해서(Receive) 처리하고 결과를 전송한다. (Response)

-> 이때 서버에서 수신하고 응답하기 위해 프로그램을 만드는데 이것에 서버측의 백엔드이고, Node.js, Spring 과 같은 프레임워크들이 프로그램 만드는 것을 쉽게 만들어 준다.

 

4. 서버에서 보낸 응답 정보를 바탕으로 웹이 사용자에게 보여진다.

-> 이때 응답 정보에는 HTML, CSS, JavaScript 와 같은 웹페이지를 구성하는 코드들과 Vue.js와 같은 기술들이 있을 것이고, 브라우저는 이 코드들과 기술을 해석해서 사용자가 볼 수 있는 형태로 만들어 보여준다.