브라우저 렌더링 과정 / 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로 만드는 것이 좋다.

 

 

 

 

 

반응형