1. AngularJS의 구조
앞서 만든 myapp 프로젝트에서 Angular가 어떤 형태로 이루어져 있으며, 각 파일들은 어떤 기능을 하는지 알아본다.
자세한 내용에는 공식 홈페이지 튜토리얼에 설명되어 있다.
1.1 SRC folder
1) app/app.component.{ts,html,css,spec.ts} : Html 레이아웃, CSS Stylesheet, 단위 테스트 파일등이다.
2) app/app.module.ts : Appmodule을 정의하는 곳, Angular가 application을 어떻게 조합하고 만들지 정의되어 있다.
3) assets/* : Application에서 사용하는 이미지나 여러 데이터파일을 저장하는 곳
4) environments/* : 환경설정 파일이 위치
5) favicon.ico : 사이트에서 사용되는 Bookmark 아이콘 이미지
6) index.html : 사이트의 메인 페이지 html이다. 대부분의 경우 angular가 css파일과 js파일을 자동으로 추가하기 때문에 수정할 필요가 없다.
7) main.ts : Browser에서 동작할 수 있도록 JIT Compiler와 앱의 bootstrap 모듈을 컴파일할때 참조
8) polyfills.ts : 다양한 브라우저들이 서로 다른 웹 표준의 레벨을 지원하기때문에 이러한 것들에 대해 정규화시키는데 도움을 주는 파일
9) styles.css : 글로벌 Stylesheet.
10) test.ts : 단위 테스트를 하기 위해 사용
11) tsconfig.json : TypeScript 컴파일러에 대한 설정을 정의
