HTTP (HyperText Transfer Protocol)
: 인터넷에서 데이터를 주고받을 수 있는 프로토콜(규칙). 주로 HTML 문서를 주고 받는데 사용하며, TCP/UDP 를 사용한다. 또한 80번 포트를 이용한다.
특징
- 연결 상태를 유지하지 않는, 상태가 없는 비 연결성 프로토콜 => Cookie와 Session이 등장하게 된 계기.
- 연결을 유지하지 않는 프로토콜이기 때문에 request/response로 동작함
HTTPS는 뭔가요 그러면?
: HTTP + SSL(Secure Socket Layer) : HTTPS(HyperText Transfer Protocol Secure)
HTTP의 확장 버전이다.
HTTP는 plain text, 평문으로 데이터를 주고 받기 때문에 중간에서 데이터를 탈취할 수 있다. 반면 HTTPS는 암호화된 데이터를 주고 받기 때문에 이를 방지하여 보안성을 높일 수 있다.
브라우저
: 웹 서버에서 이동하며 쌍방향으로 통신하고, HTML 문서나 파일을 출력하는 그래픽 사용자 인터페이스 기반의 응용 소프트웨어.
(출처 : https://ko.wikipedia.org/wiki/%EC%9B%B9_%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80)
파이어폭스, 크롬, Internet explorer, edge, 사파리 등이 존재
브라우저 기본구조
(출처 : https://upcount.tistory.com/97)
1. 사용자 인터페이스 : 주소 표시줄, 이전/다음 버튼 등 실제 보여지고 바뀌는 페이지 영역을 제외한 나머지 부분(겉 테두리 영역)
2. 브라우저 엔진 : 사용자 인터페이스와 렌더링 엔진 사이 동작 제어
3. 렌더링 엔진 : 요청 컨텐츠, 페이지 표시(HTML 요청에 따른 HTML,CSS를 파싱해서 화면에 표시해주는 역할) => ex) firefox(모질라 - Gacko 엔진), Chrome(Blink 엔진) 등
4. 통신 : HTTP 요청 등과 같은 네트워크 호출에 사용
5. 자바스크립트 해석기 : js 코드를 해석하고 실행시킴.
6. UI 백엔드 : 운영체제 사용자 인터페이스 시스템을 사용한 콤보 박스, 창과 같은 기본적인 장치를 그리는 역할.
7. 자료 저장소(WEB DATABASE) : 쿠키 같이 모든 종류의 자원을 디스크에 저장함.
브라우저 동작구조
- HTML을 가져옴
- CSS, JS, IMAGE 등의 파일을 html에 있는 링크 정보로부터 얻어옴
- 얻어낸 정보 url을 이용하여 새로운 요청을 보냄
- 모든 웹 자원들을 다 받아오면 렌더링 start
