[FE] 03. 디렉토리 구성

3. 웹 애플리케이션 개발 - 디렉토리 구성

 

* JavaScript, CSS파일 구성

- javascript

간단한 내용의 JavaScript라면 한 페이지에 모두 표현하는 것도 좋다.

<script> </script> 태그 안에

 

대부분의 자바스크립트 코드는 DOM을 찾는 경우가 많다. 한 페이지에 위치시킬 경우 body 위(head 사이)에 위치하면 null이 뜨는 오류가 발생할 수 있다. JavaScript는 위에서부터 한 라인씩 읽어서 수행하기 때문이다.

그러므로 body 태그가 닫히기 전에 소스파일 간 의존성을 이해해서 순서대로 배치한다.

 

그렇지 않다면, 의미에 맞게 구분하는 방법이 더 좋다. (유지보수에 조금 더 용이하다.)

<link rel="stylesheet" href="CSS 파일 위치">

 

- CSS

CSS는 head태그 안에 상단에 위치키신다.

<style> </style> 태그 안에

 

간단한 내용이 아니라면 아래와 같이 의미에 맞게 구분하는 방법이 더 좋다. (유지보수에 조금 더 용이하다.)

<script src="JS 파일 위치"> </script>