Angular 구조 이해

Angular 기본 구조

• Angular 란?

 

• 

 

• 

 

• 기본 구조

 

• 모듈
• 컴포넌트

 

• 템플릿

 

• 

• 메타데이터
• 데이터 바인딩

 

• 

• 디렉티브(http://www.nextree.co.kr/p4850/)

 

• 

 

• 

• 서비스
• 의존성 주입

 

ASP.NET Core에서 Angular 프로젝트 템플릿 사용

• ASP.NET Core Angular 프로젝트 템플릿 구조

• CSS 추가하기

 

• 

• Styles, scripts에 파일 경로 추가하기

• Client App
• Controllers
• Pages

 

Angular VS AngularJS

Angular VS Angular2

 

Angular 기타 자료 및 매뉴얼

• 공식 매뉴얼
• 개발 매뉴얼
• Angular 사용 설명서 : https://github.com/angular/angular-cli/wiki
• Angular 프로젝트 샘플 : https://ankitsharmablogs.com/asp-net-core-crud-using-angular-and-entity-framework-core/
• Angular 구조
• Angular Tutorial
• Data Binding
• Angular FontAwesome

Using NPM

$ npm install @fortawesome/fontawesome-svg-core
$ npm install @fortawesome/free-solid-svg-icons
# See Compatibility table below to choose a correct version
$ npm install @fortawesome/angular-fontawesome@<version>

 

출처: <https://github.com/FortAwesome/angular-fontawesome/tree/15a1655e0ec46d613a9017ed110c6af1babd56e3>