본문 바로가기

head

(2)
웹화면 기술 순서에 대한 단상 웹화면은 아래 요소들로 이루어졌다고 볼 수 있다.- HTML 태그와 컨텐츠(리소스, 즉 사진, 음향, 동영상 등등)- HTML 태그와 컨텐츠를 화면에 제대로 표현하기 위한 CSS,- UX 를 담당하는 자바스크립트. (물론, 플래시 등의 요소가 존재하기는 하지만, 가벼운 웹사이트를 지향하자) 각종 컨텐츠는..웹서버에서 사용자 화면으로 내려지기도 하고, 사용자 화면에서 웹서버로 올려지기도 한다. 어쨌든, 사용자가 웹화면을 볼 때에는..웹서버에서 위에서 설명한 요소들이 사용자 웹브라우저에 모두 다운로드 되어야 한다. 물론, 내려지는 시차와 순서가 정해져 있거나 그렇지 않을 수 있다. 이제, 구현하는 입장에서 나열하는 순서를 생각해 보자.요즘엔 HTML5 로 수렴하는 분위기 이다 보니, 과 등이 맨 처음에 온다..
외부 자바스크립트 파일을 호출하는 위치 http://code.i-harness.com/ko/q/6a8bb 태그를 html 의 head 에 넣으면..해당 .js 파일을 다운로드 하는 동안 웹브라우저가 DOM 구조 생성을 연기합니다. 이것이 기본.옛날 웹브라우저나 최근 웹브라우저나 동일한 기능. 그래서, 바로 이전 태그에 상기 script 태그를 넣는 경우가 있었으나..이렇게 하면, 본문에 사용되는 스크립트가 실행되어야 할 때 외부 자바스크립트 파일이 다운로드 될 때까지 기다려야 함. 최신 웹브라우저들은 defer 와 async 옵션을 script 태그에 넣어서, head 에 추가 되었을 때..DOM 구조 생성 과정과 외부 .js 파일 다운로드를 서로 비동기적으로 실행.외부 .js 가 하나라면 두 옵션이 동일한 기능.외부 .js 가 여러개라면 a..