스크립의 작성 위치는 기본적으로 <head>역역과 <body>영역에 작성할 수 있습니다.
<head>영역에 적성할 경우 문서가 로딩되기 전에 스크립트 코드가 전달 되기 때문에 문서의 로딩과 동시에 스크립트 실행이 가능합니다. 하지만 <body>영역에 스크립트 코드가 작성되어 있다면 로딩 되면서 스크립트 코드가 실행 됩니다.
이 부분은 스크립트의 실행에도 중요한 부분을 차지 하지만 스크립트 파일을 불러올 경우 head와 body역영의 위치에 따라 불러오는 차이도 있습니다.
무슨말인가 하면 head에 스크립트 파일이 위치 한다면 화면상 내용이 렌더링이 안되고 있다는 말입니다. 이 렌더링 부분은 브라우저 마다 약간의 차이는 있지만 보통 body 안의 내용을 순차적으로 보여줍니다.
근데 만약 head에 무거운 자바파일이 존재 할 경우(처음 파일을 받기전) body의 렌더링은 head안의 스크립트가 모두 전달 된 후 시작 된다는 말입니다.
즉 당장 렌더링 되는 과정에 필요한 함수가 있다면 또는 렌더링 되는 과정에 인벤트를 발생 할 필요가 있다면 그 함수는 head에 넣어 두는게 좋으며, 그 외의 스크립트는 body 하단 부분에 두는게 렌더링 측면에서 효과가 있을 것입니다.
JavaScript/Default2010. 5. 28. 11:25
