Web Service

전체적인 Web Service 그림을 보자면 위와 같다
현재는 정적인 파일요청인 경우의 통신과정을 나타낸 것이다.
여기서 WAS와 DB는 사용을 해서 설명하지 않을 것이기 때문에 Web Server까지만 알아두면 좋다.

DNS와의 통신

Client가 브라우저에서 URL 주소를 치면 DNS서버에 IP 주소를 요청한다.
그러면 DNS가 IP주소를 브라우저에 보내준다.

Web Server와 통신

Client가 Web Server IP를 알았으니 TCP 연결을 설정하고, HTTP 통신을 진행한다.
여기서 HTTP가 HTTPs라면 3-way-handshacking과정을 거쳐서 인증서 인증을 받고 Web Server에 도달한다.

요청과 응답

웹 서버에 도달했다면, 웹 서버에서는 Static한 파일인 HTML, CSS, JS, Image등등이 있다.
이것이 가능한 이유는 frontend에서 build를 하면 미리 HTML, CSS, JS를 미리 생성해놨기 때문이다.
이 파일들은 Static한 파일을 보고나하는 폴더로 이동하고, 이 폴더를 확인한다.
폴더를 확인했다면, HTML과 CSS, JS, Image등을 Client측으로 보내준다.
그러면 Client에서 받은 HTML과 CSS, JS를 이용해서 렌더링을 진행하고 클라이언트에게 화면을 보여준다.

Dns icons created by Freepik - Flaticon
Server icons created by Pixel perfect - Flaticon
Database icons created by Freepik - Flaticon
Web page icons created by Freepik - Flaticon
Folder icons created by Freepik - Flaticon