Just Do IT!

기본적인 HTML 파일을 빨리 볼 수 있지만 사용자가 의미 있는 콘텐츠를 보기 위해서는 fetching과 실행하는 시간을 기다려야 한다. 3. head + async JS 파일 다운로드 받는 시간 절약 가능 자바스크립트 파일에서 DOM 요소를 조작하려는 시점에 HTML 파일이 정의되지 않는 위험한 요소가 생길 수 있다. 사용자들이 페이지를 로드하는데 여전히 시간이 걸린다. 4. head + defer 가장 좋은 옵션 순서대로 실행할 수 있어서 가장 안전하다 5. head + async 먼저 다운로드 된 파일을 먼저 실행 (정의된 순서는 상관이 없다) 순서에 의존적이라면 문제가 발생할 수 있다. 드림코딩 자바스크립트 강의를 들을 때 가장 처음으로 나왔던 부분인데, 영 헷갈려서 나중에 찾아볼 수 있을 것 같..

DOM (Document Object Model) 1. Javascript가 생긴 이유 브라우저에서 쓰려고 만들어진 JS (출처: https://roseline.oopy.io/dev/javascript-back-to-the-basic/history-of-javascript) 본연의 역할 웹 페이지를 동적으로 만들기 위해 즉, HTML 문서를 조작해서 생명력을 불어넣어주기 위해 만들어진 언어이다. 2. 웹 페이지가 뜨는 과정 www.naver.com (클라이언트 → 서버) HTML 문서를 수신 (서버 → 클라이언트) 브라우저가 HTML 파일을 해석 (parsing) 브라우저에는 기본적으로 랜더링 엔진이 있다 랜더링 엔진이 HTML 문서에 코드 한줄, 한줄 보면서 '해석' 한다. DOM Tree를 구성 HT..