emayom.log

태그는 내에 혹은 최하단에 위치할 수 도 있지만 보통 태그의 최하단에 를 위치하는 것이 좋다고 한다. 그렇다면 왜일까? 1. 첫번째 이유를 알아보기 전에 우선 브라우저 동작 과정을 간단하게 다시 한 번 상기시켜보자. HTML parser -> DOM tree CSS parser -> CSSOM DOM + CSSOM => Render tree Layout Paint 일련의 과정 중, HTML 파싱 과정에서 script 요소를 만나게 되면 ? HTML 파서는 파싱을 멈추고 자바스크립트 코드를 로드 후 파싱이 완료되고 나서야 다시 HTML 파싱을 재개한다. => 이렇게 중단되며 화면 표시에 지연이 생기는 것을 방지하기 위해 body 최하단에 작성한다. 2. 두번째 이유는 자바스크립트 코드 내에서 DOM을 조작..

오늘은 두 번째 단골 질문 '브라우저의 동작'에 대해서 알아보려고 한다. 이미 우리는 다양한 브라우저를 사용하고 있다! 그렇다면 브라우저는 어떻게 동작하여 지금 우리 화면에 띄워지는 걸까? +) 쓸데없을 수도 있지만 재미있는 ? 사실은 Browser 의 어원이라는 Browse 는 '책이나 신문 등을 훑어보다.', '둘러보다.'라는 의미를 지니고 있다. 그래서 웹에서 여러 문서들을 보여주는 것, 훑어보는 도구라는 뜻으로 Browser가 되었다고 한다. 브라우저 ? 말로는 표현해본 적 없어도 우리는 이미 잘 알고 있다. 브라우저는 쉽게 말해서 사용자가 선택한 자원을 서버에 요청 / 전달받아서 보여주는 기능의 소프트웨어인 것이다. 그렇다면 우리가 보는 화면이 브라우저의 전부는 아닐 것이다. 우리 눈에는 보이지..