Pko

URL vs URI URL과 URI를 들었을때 보통 우리는 URL을 잘못쓴건가 하는 생각을 할때도 있다 URL은 많이 사용하고 접해봤기에 잘 알고 있지만 URI라는 것은 생소하기 마련이다. 그렇기에 이번에는 URL과 URI에 대하여 간략하게 알아볼 것이다. URI 통합 자원 식별자(Uniform Resource Identifier, URI)라 불리는 URI는 인터넷에 있는 자원을 나타내는 유일한 주소이며 URI의 존재는 인터넷에서 요구되는 기본조건으로서 인터넷 프로토콜에 항상 붙어 다닌다. 또한 URI는 균일성을 보장하기 위해 구문 규칙을 따르고 또한 계층적 명명 체계를 통해 확장성을 유지한다. 우리가 자주 사용하는 URL은 URI의 하위 개념으로 URL과 URN이 존재한다. URI의 표현방법은 아래와 ..

웹 페이지가 그려지는 과정 먼저 DOM을 이해하기 위해서는 웹 페이지의 빌드과정을 알아야 한다. Critical Rendering Path 브라우저가 서버에서 페이지에 대한 HTML 응답을 받으면 화면에 표시되기 전에 많은 단계를 거쳐야 하는데 웹 브라우저가 원본 HTML 문서를 읽어들인 후, 스타일을 입히고 대화형 페이지로 만들어 뷰 포트에 표시하기까지의 과정을 Critical Rendering Path, CPR이라고 한다. CRP의 6단계 과정 DOM ( Document Object Model ) 트리 구축 CSSSOM ( CSS Object Model )트리 구축 JavaScript 실행 렌더 트리 구축 레이아웃 생성 페인팅 위와 같이 CRP 과정은 6단계로 나누어져 있지만 대략 렌더 트리 구축을 ..