[js] 브라우저의 렌더링 과정(1) - 주소창

사용자가 브라우저에 그려지는 화면을 완전히 보기까지의 과정을 브라우저 렌더링 과정이라 한다.

 

다시 말해, 브라우저가 서버에 화면에 그리기 위한 데이터들을 요청하고, 서버가 요청에 대한 응답으로 데이터를 보내주면, 브라우저는 받은 데이터로 화면을 그리는 일련의 과정을 의미한다.

 

이 때 브라우저가 서버에 요청하기 위한 창이 존재하는 데 그것이 주소창이다.

 

즉, 우리는 알게 모르게 서버에 요청을 하고 서버는 우리에게 필요로 하는 정보를 보내주고 있었 던 것이다.

 

위 예시에는 다 나와있지 않지만,  주소창은

 

 https: 로 흔히 알고 있는 Protocol,

www.duklook.com 형태의 Host(도메인)

:60 형태의 Port

/manage/newpost 와 같이 /로 구분되는  Path

?type=post&returnURL~ 와 같이 ? 다음에 입력되는 Query(혹은 쿼리 스트링)

Host와 Path 를 합친 URL

Protocol 을 제외한 전체 주소를 가리키는 URN

Protocol 을 포함해서 전체 주소를 가리키는 URI

 

로 구분된다.

 

- 일단 끝 -

 

[js] 브라우저 렌더링 과정(2) - HTML 파싱 및 DOM 생성