브라우저 렌더링 과정 / Http와 Https 통신 방식의 차이
2020. 11. 23. 17:26ㆍ개발 관련 학습정리/Web Front-end
반응형
간단한 브라우저 렌더링 과정
1. 주소창에 검색한 도메인으로 서버를 찾아간다.
2. DNS가 연결해줄 곳을 찾아준다.
3. 기본설정파일 (index)을 클라이언트로 보낸다.
4. 한줄한줄 읽어가며 DOM트리를 생성한다.
4-1. 중간에 css요청이 발생하면 응답과정이 끝나고 css를 파싱함
4-2. 중간에 javascript요청이 발생하면 제어권한을 js엔진에 넘기고 javascript를 먼저 파싱한다.
5. 완성된 DOM트리와 CSSOM트리를 합쳐 Render Tree를 만들어 그려낸다.
http와 https의 차이점
보안 : http는 네트워크상에서 정보를 누군가가 열람과 수정이 가능하지만 https는 누가 볼수없도록 막혀져있다.
속도 : http방식이 https보다 빠르다.
비용 : https는 따로 설치 및 인증서를 유지하는데 비용이 발생한다.
따라서 민감한 정보를 서버와 주고받을때는 https, 그렇지 않을 경우에는 http로 만드는 것이 좋다.
반응형
'개발 관련 학습정리 > Web Front-end' 카테고리의 다른 글
REST API (0) | 2020.11.27 |
---|---|
자바스크립트에서의 this는 무엇일까? (0) | 2020.11.25 |
호이스팅(Hoisting)과 클로저(Closure) (0) | 2020.11.25 |
비동기 프로그래밍(AJAX, Callback, Promise, Async/Await) (0) | 2020.11.23 |
객체 지향 프로그래밍과 함수형 프로그래밍 (0) | 2020.11.23 |