[中]앵귤러 첫걸음 (조우진)

[中]앵귤러 첫걸음 (조우진)

PART I 기초 다지기

CHAPTER 1 앵귤러 준비하기

1.1 Node.js

1.2 NPM 다루기

1.2.1 패키지 설치

1.2.2 실습: welcome-msg-app

1.2.3 패키지와 의존 관계

1.2.4 로컬 환경과 전역 환경

1.2.5 package.json

1.3 마치며

CHAPTER 2 앵귤러 시작하기

2.1 타입스크립트

2.1.1 타입 언어

2.1.2 상위 언어

2.1.3 열린 언어

2.1.4 에디터 설정

2.2 Hello, Angular

2.2.1 ng new

2.2.2 ng serve

2.2.3 ng test

2.2.4 타입 선언 정보

2.3 마치며

CHAPTER 3 앵귤러 아키텍처

3.1 뷰를 구성하는 요소

3.1.1 컴포넌트와 템플릿

3.1.2 컴포넌트 생명 주기

3.1.3 컴포넌트 트리

3.1.4 데이터 바인딩

3.1.5 마치며

3.2 애플리케이션을 완벽하게 만드는 요소

3.2.1 서비스와 의존성 주입

3.2.2 상태 관리 및 공유

3.2.3 지시자

3.2.4 파이프

3.2.5 모듈

3.3 머티리얼 패키지 적용

3.4 마치며

PART II 기본기 향상하기

CHAPTER 4 뷰를 구성하는 기초

4.1 컴포넌트

4.1.1 컴포넌트의 선언

4.1.2 메타데이터

4.1.3 부트스트래핑

4.1.4 컴포넌트 트리

4.2 템플릿

4.2.1 절차적 방식과 선언적 방식

4.2.2 데이터 바인딩

4.2.3 지시자

4.2.4 파이프

4.3 마치며

CHAPTER 5 견고한 애플리케이션 만들기

5.1 서비스

5.1.1 서비스의 생성과 사용

5.1.2 실습: 마우스 위치 로거

5.1.3 싱글턴으로서의 서비스

5.2 의존성 주입

5.2.1 Injectable, Inject 데코레이터

5.2.2 providers

5.2.3 의존성 주입기 트리

5.2.4 Host, Optional 데코레이터

5.3 테스트 코드 작성

5.3.1 서비스 테스트

5.3.2 컴포넌트 테스트

5.4 디버깅

5.5 마치며

CHAPTER 6 컴포넌트 고급

6.1 독립된 요소: 컴포넌트

6.1.1 웹 컴포넌트

6.1.2 컴포넌트와 스타일 정보

6.1.3 컴포넌트의 독립성을 깨뜨리는 안티패턴

6.2 컴포넌트 간 상태 공유와 이벤트 전파

6.2.1 부모-자식 컴포넌트 간의 통신

6.2.2 실습: 컴포넌트 통신 V2

6.2.3 다양한 상태 공유 시나리오

6.2.4 싱글턴 서비스를 이용한 상태 공유

6.3 앵귤러 방식의 템플릿 요소 탐색

6.3.1 ViewChild를 사용한 요소 탐색

6.3.2 템플릿 참조 변수와 ElementRef

6.3.3 Content Projection과 ContentChild를 사용한 요소 탐색

6.4 컴포넌트 생명 주기

6.4.1 ngOnInit과 ngOnDestroy

6.4.2 ngAfterContentInit과 ngAfterViewInit

6.4.3 ngOnChanges

6.4.4 ngDoCheck

6.4.5 ngAfterContentChecked와 ngAfterViewChecked

6.4.6 지시자의 생명 주기

6.5 마치며

CHAPTER 7 HTTP 통신과 RxJS

7.1 HttpModule과 Http 서비스 기초

7.1.1 실습: 초간단 사용자 조회 애플리케이션

7.1.2 angular-in-memory-web-api 활용

7.2 RxJS

7.2.1 왜 RxJS인가?

7.2.2 RxJS 원리

7.2.3 RxJS 연산자 활용

7.2.4 RxJS를 활용한 마우스 위치 로거 코드 개선

7.3 게이트웨이 기반 Http 서비스 활용

7.3.1 ApiGateway 서비스

7.3.2 실습: 사용자 관리 애플리케이션

7.3.3 HTTP 통신 관련 중복 코드 제거

7.4 마치며

CHAPTER 8 폼 다루기

8.1 폼의 구성

8.1.1 폼 모델

8.1.2 AbstractControl과 폼의 값 상태

8.1.3 폼 지시자

8.1.4 실습: NgModel과 FormControl

8.2 템플릿 주도 폼

8.2.1 ngModel과 양방향 바인딩

8.2.2 실습: 템플릿 주도 폼

8.2.3 폼 유효성 검증

8.2.4 커스텀 Validator 지시자 작성

8.3 반응형 폼(모델 주도 폼)

8.3.1 ReactiveFormsModule

8.3.2 FormBuilder

8.3.3 FormGroup, FormControlName

8.3.4 실습: 반응형 폼

8.3.5 실습: 동적 폼

8.4 마치며

CHAPTER 9 앵귤러 동작 원리

9.1 부트스트랩과 컴파일

9.1.1 애플리케이션의 최초 진입점

9.1.2 JIT 컴파일

9.1.3 AOT 컴파일

9.1.4 부트스트랩 과정 분석

9.2 Zone.js와 변화 감지

9.2.1 앵귤러를 움직이게 만드는 세 가지 이벤트

9.2.2 Zone.js를 활용한 비동기 코드 감지

9.2.3 상태 변화를 일으키는 세 가지 이벤트

9.2.4 변화 감지 트리와 변화 감지 전략

9.3 마치며

PART III 깊이 들어가기

CHAPTER 10 프로젝트: 상품 관리 애플리케이션 구성

10.1 애플리케이션 설계

10.1.1 기능 정의 및 도메인 모델

10.1.2 컴포넌트 트리

10.2 프로젝트 구성

10.3 프로젝트 구현 1: 기본 레이아웃 구현

10.3.1 주요 컴포넌트 생성

10.3.2 컴포넌트 구현 코드

10.3.3 라우터 없이 사이드바 기능 구현

10.4 마치며

CHAPTER 11 모듈과 라우터

11.1 모듈의 분리

11.1.1 기능 모듈

11.1.2 핵심 모듈

11.1.3 모듈의 imports, exports

11.1.4 프로젝트 구현 2: 도메인별 기본 구현

11.2 라우터 기본

11.2.1 라우터 설정: Route

11.2.2 Routes 등록

11.2.3 RouterLink, RouterLinkActive

11.2.5 프로젝트 구현 3: 라우터 설정

11.2.6 라우터 사용의 장점

11.3 라우터 활용

11.3.1 상태 관리

11.3.2 Router

11.3.3 ActivatedRoute

11.3.4 가드의 설정

11.4 모듈별 라우터

11.4.1 컴포넌트 경로

11.4.2 라우팅 설정 분리하기

11.4.3 프로젝트 구현 4: 라우터 설정 분리

11.5 마치며

CHAPTER 12 프로젝트: 파이어베이스 사용

12.1 파이어베이스 사용

12.1.1 프로젝트 생성

12.1.2 파이어베이스 CLI

12.1.3 파이어베이스 연동

12.2 프로젝트 구현 5

12.2.1 도메인 모델 클래스 구현

12.2.2 사용자 세션 기능 구현

12.3 프로젝트 구현 6

12.3.1 실시간 데이터베이스 사용

12.3.2 NoCounterService 구현

12.3.3 DataStoreService 구현

12.3.4 파이어베이스 보안 규칙 설정

12.4 마치며

CHAPTER 13 프로젝트: 상품 관리 애플리케이션 구현 최종

13.1 프로젝트 구현 7

13.1.1 카테고리 관리 뷰

13.1.2 CategoryDetailComponent

13.1.3 CategoryDetailResolverService

13.1.4 CategoryItemComponent

13.1.5 CategoryManagementComponent

13.1.6 CategoryListResolverService

13.2 프로젝트 구현 8

13.2.1 상품 관리 뷰

13.2.2 ProductDetailComponent

13.2.3 ProductDetailResolverService

13.2.4 ProductListComponent

13.2.5 ProductListResolverService

13.2.6 CheckedProductSetService

13.2.7 ButtonGroupComponent

13.2.8 ProductBulkUpdaterService

13.2.9 ProductManagementComponent

13.3 프로젝트 최종 구현

13.3.1 MainDashboardComponent

13.2.2 스피너

13.3.3 상품 상태 파이프

13.3.4 CanDeactivate 가드 설정

13.3.5 세션 가드

13.4 마치며

부록. 자바스크립트의 진화: ES6(ECMAScript 6)

1. ES6 표준의 의미

2. 모듈 시스템

3. 모듈 번들러

4. 실습: area-calculator

공유하기 글 요소 저작자표시

from http://muxk00.tistory.com/4 by ccl(A) rewrite - 2020-04-04 08:59:32