[javascript] 기본 디렉터리 구조

다음과 같이 3개의 주요 자바스크립트 디렉터리가 포함된 구조가 가장 많이 쓰입니다.

 

build

최종 빌드 파일을 위한 디렉터리로, 형상 관리 서버에는 이 디렉터리를 저장하지 않습니다.

 

src

소스 파일을 위한 디렉터리로, 관련된 파일끼리 모아놓은 하위 디렉터리를 포함합니다.

 

test 또는 tests

테스트 파일을 위한 디렉터리로, 주로 src 디렉터리 구조와 디렉터리 구조가 같습니다.

 

제가 관리하는 css 프로젝트는 기본 디렉터리 구조를 조금 변경해서 사용합니다. CSS는 build 디렉터를 형상 관리 서버에 저장하지 않지만, release 디렉터리는 항상 안정된 최신 버전의 빌드 파일을 저장합니다. src 디렉터리는 하위 디렉터리가 여러개 있고 이 하위 디렉터리에는 비슷한 기능끼리 모아두었습니다. test 디렉터리는 src 구조와 똑같이 맞췄기 때문에 src/core/CSS.js의 테스트 파일을 tests/core/CSS.js에서 찾을 수 있습니다.

 

jQuery도 기본 디렉터리 구조를 사용하지만 모든 소스 파일을 하위 디렉터리로 나눠 저장하지 않고 src 디렉터리에 둡니다. 하위 디렉터리는 핵심 기능을 위한 리소스나 추후 jQuery 확장을 위해 예약된 공간으로 남겨두었습니다. test에는 소스 파일과 같은 이름의 테스트 파일이 있습니다. 따라서 src/ajax.js는 test/ajax.js로 테스트합니다. 아래 그림을 참고 하십시요

 

 

 

그럼 이만.

끝.