Programming/JavaScript

[JS] async vs defer, 스크립트를 HTML에 포함할 때 효율적인 방법

HTML에서 스크립트를 포함할 때 어떤게 더 효율적인 방법일까? 사용자가 HTML을 다운 받았을 때 브라우저는 HTML 마크업을 위에서부터 한 줄 씩 분석하고 이해한 것을 CSS와 병합해서 DOM 요소로 변환하게 된다. 끝부분에 script를 넣는 경우 body의 내용이 렌더링 된 이후 async 속성 사용 브라우저가 를 만나면 다운로드와 동시에HTML 파싱이 진행되며 스크립트 다운이 완료되면 스크립트를 실행하고 HTML 파싱은 멈춘다. async 속성의 스크립트는 DOM 요소를 조작하지 않고 앞뒤에 로드되고 실행될 스크립트와 의존성이 없는 코드를 포함시키는 것이 좋다. HTML 파싱 > 스크립트 발견 > 파싱과 동시에 스크립트 다운 > 스크립트가 로드되면 HTML 파싱을 멈추고 스크립트 실행 > 나머지..

[JS] 자바스크립트의 역사

자바스크립트의 탄생 1993년 미국 일리노이대학 국립 슈퍼컴퓨터 애플리케이션 센터(NCSA)에 근무하던 마크 앤드리슨 (Marc Andreessen)과 에릭 비너 등 8명은 "모자이크" 라는 웹브라우저를 세상에 내놓았다. 등장한지 20년이 됐지만 여전히 사용하기 어렵던 인터넷 환경에서 최초로 그림과 텍스트를 함께 표시하는 기능을 갖춘 모자이크 웹브라우저는 폭발적인 인기를 얻게 된다. 모자이크 웹브라우저의 개발팀을 이끌던 마크 앤드리슨은 Netscape 라는 회사를 설립하여 조금 더 UI 요소를 더한 넷스케이프 네비게이터 (Netscape Navigator) 를 시장에 내놓고 시장의 80% 점유율을 자랑하며 급격히 성장한다. 하지만 이 당시 웹브라우저는 html과 css로만 이루어진 정적인 웹사이트만 만들..