Angular 폴더구조

[src/ 폴더구조]

app/: 어플케이션을 구성하는 컴포넌트들 보관

assets/: 이미지 등 어플리케이션 제작에 필요한 부수기재 저장 창고

favicon.ico: 파비콘 이미지

index.html: 메인 html

main.ts: 작성된 html 파일을 변환하는 entry point.

style.css: 공통 스타일

package.json: 의존 모듈 관리를 위한 패키지 매니저가 참조하는 파일

node_modules: package.json에 등록된 의존 모듈이 패키지 매니저에 의해 설치되는 저장소

 

[app/ 폴더구조]

app.component.ts: 로직 담당

app.component.html: html 템플릿

app.component.css: 스타일

app.module.ts: 컴포넌트, 서비스 등을 사용하기 위해 등록하는 파일

 

[애플리케이션 구성]

tsconfig.app.json: 어플리케이션 단위 typescript 구성 파일

tsconfig.spec.json: 어플리케이션 단위 테스트 파일

 

angular.json: angular CLI 환경설정 파일로 빌드, 실행, 테스트할 때 사용하는 설정을 이 파일에서 구성

- sourceRoot: 프로젝트 루트 폴더 src

- outputPath: dist/first-app으로 프로젝트 빌드 시 dist 폴더가 만들어짐

- index: src/index.html 인덱스 파일

- browser: src/main.ts, 시작 지점이자 메인 파일은 main.ts

=> 애플리케이션 메인 진입점으로 코드들의 컴파일을 브라우저에서 담당

=> JIT 컴파일러를 사용하면 이 파일을 기준으로 애플리케이션의 최상위 모듈이 부트스트랩된다.