이번 포스트에서는 Angular 프로젝트의 폴더 구조를 살펴보고, 각 폴더의 역할과 구성을 알아보겠습니다.

1. 폴더 구조 개요

대부분 Angular 프로젝트는 다음과 같은 기본 폴더 구조를 가집니다:

• e2e: 엔드 투 엔드 테스트 관련 파일
• node_modules: 프로젝트의 의존 라이브러리 및 패키지
• src: 애플리케이션의 소스 코드 및 리소스 파일
• angular.json: 앵귤러 프로젝트 설정 파일
• package.json: 프로젝트의 의존성과 스크립트 정의
• tsconfig.json: TypeScript 컴파일러 설정 파일
• 기타 프로젝트 구성 파일

2. 주요 폴더 및 파일

2.1. e2e

e2e 폴더에는 엔드 투 엔드(End-to-End) 테스트 관련 파일이 저장됩니다. 이 폴더에는 테스트 스펙 파일과 설정 파일이 포함되어 있습니다.

2.2. node_modules

node_modules 폴더는 프로젝트의 의존 라이브러리와 패키지가 설치되는 디렉터리입니다. package.json 파일에 명시된 의존성 모듈이 여기에 설치됩니다.

2.3. src

src 폴더에는 애플리케이션의 소스 코드와 리소스 파일이 위치합니다. 주요 구성 요소로는 다음과 같은 폴더 및 파일이 있습니다:

• app: 애플리케이션의 주요 컴포넌트 및 모듈 파일
• assets: 애플리케이션에서 사용되는 이미지 및 기타 리소스 파일
• environments: 환경별 설정 파일
• index.html: 애플리케이션 진입점 HTML 파일
• 기타 필요한 파일 및 폴더

2.4. 기타 파일

• angular.json: 앵귤러 프로젝트의 빌드 및 설정 정보를 포함하는 파일
• package.json: 프로젝트의 의존성 패키지 및 스크립트 정의 파일
• tsconfig.json: TypeScript 컴파일러 설정 파일로, TypeScript 파일의 컴파일 옵션을 구성하는 데 사용됩니다.

3. 마치며

Angular 프로젝트의 폴더 구조는 일반적으로 위와 같은 구성을 따릅니다. 프로젝트를 시작할 때부터 잘 정리된 폴더 구조를 유지하면 유지보수와 협업에 많은 도움이 됩니다. 함께 공부해 보세요!