[Front-end][Ch1] 웹앱의 동작원리

웹앱의 동작원리

1. 사용자는 브라우저(크롬, 파이어폭스, 엣지 등.)를 오픈
2. 주소창에 접속하고자하는 페이지 주소 입력
3. 주소에 맞는 서버로 최초 요청(Request)
4. 서버에서는 사용자의 브라우저로 최초 응답(Response) > 응답을 통해 나가는 파일은 기본적인 웹사이트 구조를 담고 있는 HTML
5. 브라우저에서 HTML 확인됨 > CSS / JS / Image 파일을 서버로 추가 요청(Request)
6. 서버에서는 CSS / JS / Image 파일을 추가 응답(Response)

따라서,

우리가 열심히 페이지를 개발해서 만든 결과를 서버에 업로드하고, 그 서버의 주소를 설정한다.

그 이후부턴 그 주소로 접근하는 모든 사람들에게 웹앱의 동작원리를 통해서 우리가 만든 웹사이트를 보여줄 수 있다.

 

? 통신 프로토콜(Communication Protocal, 통신 규약)

컴퓨터나 원거리 통신 장비 사이에서 메시지를 주고 받는 양식 및 규칙의 체계를 의미

대표적으로 HTTP, HTTPS, FTP, SSL.