다양한 웹 브라우저
- 웹사이트 접속시 웹 브라우저 프로그램을 사용한다.
예를 들면, Chrome, Firefox, Safari
=> 웹 페이지를 서버에 요청(request)하여 서버의 응답(response)을 웹 문서형태로 받는다.
=> 받은 웹 문서(HTML, CSS 등)을 렌더링하여 모니터 화면에 웹 페이지를 표시한다.
서버(Server)와 클라이언트(Client)
- 클라이언트가 요청(request)를 보내면, 서버(server)가 응답(response)한다.
- 서버와 클라이언트 구조를 따르는 대표적인 예시로는 웹 서비스가 있다.
- 클라이언트는 일종의 고객으로 이해할 수 있다.
- 서버로 요청을 보낸 뒤에 응답이 도착할 때까지 기다린다.
- 서버로부터 응답을 받으면, 서버의 응답을 처리하여 화면에 출력한다.
- 모바일서버, 게임서버 등 다양한 서버가 있지만 일반적인 서버의 예시로는 웹서버가 있다.
HTML (Hypertext Markup Language)
- HTML은 웹 문서를 작성하기 위해 사용하는 프로그래밍 언어이다.
- 마크업은 웹 문서가 모니터 화면에서 보이는 형태를 결정하는 구조이다.
- HTML 문서는 <HTML>로 시작하고 </HTML>태그로 종료된다.
HTTP(Hypertext Transfer Protocol)
- HTML과 같은 문서를 주고받기 위해서 사용하는 약속, protocol
- 웹 브라우저의 주소 표시줄에 URL을 입력한 뒤에 접속을 시도한다.
- URL은 인터넷에 존재하는 특정한 정보 자원의 종류와 위치를 나타내는 문자열이다.
Web
- HTTP 프로토콜을 이용해 수없이 많은 페이지로 링크를 타고 이동할 수 있다.
- 웹에서는 많은 페이지가 마치 거미줄과 같은 연결형태를 가진다.
웹 브라우저의 구조
웹 브라우저의 동작 방식
- 웹 클라이언트는 웹 브라우저를 이용한다.
- 웹 브라우저에 주소를 입력하면 GET 방식으로 서버에 웹 문서를 요청한다.
- 웹 서버는 적절한 웹 문서를 찾아서 응답한다.
- 이후에 웹 브라우저는 문서를 화면에 표시한다.
'CS지식' 카테고리의 다른 글
| [CS지식] 프론트엔드 개발자가 알아야하는 컴공지식 - HTTP (0) | 2023.06.16 |
|---|---|
| [CS지식] 프론트엔드 개발자가 알아야하는 컴공지식 - 쿠키와 세션 (0) | 2023.06.16 |
| [개발공부] 타입스크립트 TypeSciprt를 쓰는 이유? (0) | 2022.08.07 |
| 맥 OS NVM으로 node 버전 관리하기, 이렇게 쉬운 방법이 없음. (0) | 2022.07.26 |
| 노마드코더 캐럿마켓 챌린지 1기 시작 D-1 / Framework와 Library의 차이(한방으로 이해 가능) (0) | 2022.06.20 |