아무것도 모르는 코린이가 모르는 단어 정리하며 알아보기
e2e : end to end 통합테스트를 위한 설정파일이 들어있는 폴더
node_modules : 현재 프로젝트를 실행하고 구성하기 위한 모듈이 들어있는 폴더
src 폴더에는 내부에 app , assets , environments 폴더가 있습니다.
src 폴더는 angular 2 에서 실질적으로 사용할 파일들이 들어있는 폴더
app 폴더 : app.component 가 하나 기본적으로 만들어져 있습니다.
-이 컴포넌트는 현재 프로젝트에서 가장 먼저 만나는 컴포넌트로서 root 컴포넌트의 역활을 합니다.
assets 폴더 : 보통 정적파일들, 예를 들면 이미지나 고정적으로 사용될 파일들을 저장하는 폴더
environments 폴더 : 해당 프로젝트를 빌드 할시 제품용과 개발용 빌드에 관한 옵션을 설정 하는 파일이 들어있습니다.
index.html : 가장 최상위 html 파일이며, 이 곳으로 컴포넌트들이 나타나고, 조립되게 됩니다.
: 컴포넌트의 selector 를 가져와서 보여주는 부분
/src/app 폴더 안의 app.component.ts : 저 selector 가 컴포넌트의 이름이라고 생각하고, 해당 이름을 html 에서 태그 방식으로 불러오는 겁니다.
app.module.ts
NgModule : 공통으로 사용 할 Component , Module , Service 를 등록하는 설정파일
-현재 코드의 상단을 보면 AppComponent 를 불러왔고, declarations 에는 AppComponent 가 등록되어 있습니다.
imports : Angular 에서 사용 할 주요 모듈들이 등록되어 있습니다.
providers : 공통으로 사용할 Service 를 등록하는 곳 입니다.
bootstrap : 최상위 컴포넌트 , 즉 프로젝트를 실행 했을 때 가장먼저 실행 할 컴포넌트를 등록합니다. 현재는 AppComponent 가 등록되어 있습니다
AppModule : export 시켜서 외부에서 해당파일을 참조 할 수 있도록 합니다.
main.ts
상단에서 app.module.ts 에서 export 한 AppModule 을 import 시키고 platformBrowserDynamic 을 등록시킵니다.
-platformBrowserDynamic : 브라우저에서 Angular 를 사용하기 위해 Angular 의 이런 기능을 사용할 것이라고 알려주는 것
angular 에는 platformBrowser 와 platformBrowserDynamic , 2종류가 있는데 둘의 가장 큰 차이점은 컴파일 방식. AOT 와 JIT 로 나뉨
polyfills.ts : 브라우저에서 es6 문법을 사용하기 위한 모듈들을 모아 놓은 파일
tsconfig.json : Typescript 컴파일 옵션을 정의하는 파일
Karma.conf.js : jasmine 을 이용한 단위테스트를 위한 설정파일이고
package.json : 해당 프로젝트를 위한 모듈 관리 파일입니다.
axwell님 알기 쉽게 정리 잘해주셔서 감사합니다
출처: https://alexband.tistory.com/42 [GoodBye World]
