앵귤러 첫걸음 (앵귤러 4, 타입스크립트 2, ECMAScript 6 기반 | 개발 환경 설정부터 컴포넌트 테스트까지 다양한 예제로 익히는)

조우진

저자조우진은읽는것을좋아하는개발자입니다.사실읽는것보다멋진책을모으는것에서더큰즐거움을느낍니다.대학원시절워드프레스로NGO단체홈페이지를만들어주면서기술로누군가에게도움을주는일에흥미를느꼈습니다.티켓몬스터에서2년간상품등록/연동업무를했고지금은라인플러스에서SNS서비스개발팀일원으로새로운도전을하고있습니다

PARTI기초다지기

CHAPTER1앵귤러준비하기
1.1Node.js
1.2NPM다루기
__1.2.1패키지설치
__1.2.2실습:welcome-msg-app
__1.2.3패키지와의존관계
__1.2.4로컬환경과전역환경
__1.2.5package.json
1.3마치며

CHAPTER2앵귤러시작하기
2.1타입스크립트
__2.1.1타입언어
__2.1.2상위언어
__2.1.3열린언어
__2.1.4에디터설정
2.2Hello,Angular
__2.2.1ngnew
__2.2.2ngserve
__2.2.3ngtest
__2.2.4타입선언정보
2.3마치며

CHAPTER3앵귤러아키텍처
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마치며

PARTII기본기향상하기

CHAPTER4뷰를구성하는기초
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마치며

CHAPTER5견고한애플리케이션만들기
5.1서비스
__5.1.1서비스의생성과사용
__5.1.2실습:마우스위치로거
__5.1.3싱글턴으로서의서비스
5.2의존성주입
__5.2.1Injectable,Inject데코레이터
__5.2.2providers
__5.2.3의존성주입기트리
__5.2.4Host,Optional데코레이터
5.3테스트코드작성
__5.3.1서비스테스트
__5.3.2컴포넌트테스트
5.4디버깅
5.5마치며

CHAPTER6컴포넌트고급
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.1ViewChild를사용한요소탐색
__6.3.2템플릿참조변수와ElementRef
__6.3.3ContentProjection과ContentChild를사용한요소탐색
6.4컴포넌트생명주기
__6.4.1ngOnInit과ngOnDestroy
__6.4.2ngAfterContentInit과ngAfterViewInit
__6.4.3ngOnChanges
__6.4.4ngDoCheck
__6.4.5ngAfterContentChecked와ngAfterViewChecked
__6.4.6지시자의생명주기
6.5마치며

CHAPTER7HTTP통신과RxJS
7.1HttpModule과Http서비스기초
__7.1.1실습:초간단사용자조회애플리케이션
__7.1.2angular-in-memory-web-api활용
7.2RxJS
__7.2.1왜RxJS인가?
__7.2.2RxJS원리
__7.2.3RxJS연산자활용
__7.2.4RxJS를활용한마우스위치로거코드개선
7.3게이트웨이기반Http서비스활용
__7.3.1ApiGateway서비스
__7.3.2실습:사용자관리애플리케이션
__7.3.3HTTP통신관련중복코드제거
7.4마치며

CHAPTER8폼다루기
8.1폼의구성
__8.1.1폼모델
__8.1.2AbstractControl과폼의값상태
__8.1.3폼지시자
__8.1.4실습:NgModel과FormControl
8.2템플릿주도폼
__8.2.1ngModel과양방향바인딩
__8.2.2실습:템플릿주도폼
__8.2.3폼유효성검증
__8.2.4커스텀Validator지시자작성
8.3반응형폼(모델주도폼)
__8.3.1ReactiveFormsModule
__8.3.2FormBuilder
__8.3.3FormGroup,FormControlName
__8.3.4실습:반응형폼
__8.3.5실습:동적폼
8.4마치며

CHAPTER9앵귤러동작원리
9.1부트스트랩과컴파일
__9.1.1애플리케이션의최초진입점
__9.1.2JIT컴파일
__9.1.3AOT컴파일
__9.1.4부트스트랩과정분석
9.2Zone.js와변화감지
__9.2.1앵귤러를움직이게만드는세가지이벤트
__9.2.2Zone.js를활용한비동기코드감지
__9.2.3상태변화를일으키는세가지이벤트
__9.2.4변화감지트리와변화감지전략
9.3마치며

PARTIII깊이들어가기

CHAPTER10프로젝트:상품관리애플리케이션구성
10.1애플리케이션설계
__10.1.1기능정의및도메인모델
__10.1.2컴포넌트트리
10.2프로젝트구성
10.3프로젝트구현1:기본레이아웃구현
__10.3.1주요컴포넌트생성
__10.3.2컴포넌트구현코드
__10.3.3라우터없이사이드바기능구현
10.4마치며

CHAPTER11모듈과라우터
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.2Routes등록
__11.2.3RouterLink,RouterLinkActive
__11.2.5프로젝트구현3:라우터설정
__11.2.6라우터사용의장점
11.3라우터활용
__11.3.1상태관리
__11.3.2Router
__11.3.3ActivatedRoute
__11.3.4가드의설정
11.4모듈별라우터
__11.4.1컴포넌트경로
__11.4.2라우팅설정분리하기
__11.4.3프로젝트구현4:라우터설정분리
11.5마치며

CHAPTER12프로젝트:파이어베이스사용
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.2NoCounterService구현
__12.3.3DataStoreService구현
__12.3.4파이어베이스보안규칙설정
12.4마치며

CHAPTER13프로젝트:상품관리애플리케이션구현최종
13.1프로젝트구현7
__13.1.1카테고리관리뷰
__13.1.2CategoryDetailComponent
__13.1.3CategoryDetailResolverService
__13.1.4CategoryItemComponent
__13.1.5CategoryManagementComponent
__13.1.6CategoryListResolverService
13.2프로젝트구현8
__13.2.1상품관리뷰
__13.2.2ProductDetailComponent
__13.2.3ProductDetailResolverService
__13.2.4ProductListComponent
__13.2.5ProductListResolverService
__13.2.6CheckedProductSetService
__13.2.7ButtonGroupComponent
__13.2.8ProductBulkUpdaterService
__13.2.9ProductManagementComponent
13.3프로젝트최종구현
__13.3.1MainDashboardComponent
__13.2.2스피너
__13.3.3상품상태파이프
__13.3.4CanDeactivate가드설정
__13.3.5세션가드
13.4마치며

부록.자바스크립트의진화:ES6(ECMAScript6)
1.ES6표준의의미
2.모듈시스템
3.모듈번들러
4.실습:area-calculator

★더쉽게,더꼼꼼하게,더실무에가깝게!
새로운프레임워크가등장하면이를공부하고장점을설명하는사람이많습니다.그러나이를실제업무에서바로적용할수있는사람은그리많지않습니다.이책은실제업무에서앵귤러를도입하였던저자의경험을바탕으로합니다.
자료가너무부족해직접고민하고부딪히며과제를해결해야했고그덕에더꼼꼼하게,더쉽게,더실무에가깝게앵귤러를이야기할수있게되었습니다.또한지루하고식상한코드에서벗어나고자고민하였습니다.

“이책은전적으로프로젝트의경험에서나온산물입니다.단순히호기심으로앵귤러를살펴봤다면지금과같이깊이들여다보지않았을것입니다.프로젝트를하면서만난다양한이슈도앵귤러를어떻게하면더잘사용할수있을지많은생각을남겨주었습니다.이러한고민들이큰덩어리가되어하나의책이되었습니다.”-지은이의말중에서

★주요내용
-앵귤러프레임워크전체구조
-앵귤러CLI를활용한애플리케이션개발방법
-앵귤러생태계의다양한서드파티라이브러리활용
-파이어베이스를사용한앵귤러웹애플리케이션배포

추천사

"Node.js와타입스크립트를몰라도앵귤러를배울수있는책.국내출간된앵귤러도서중에가장쉽고친절하다!"-이요셉

"뻔하고흔한예제가아닌재밌고참신한예제로가득하다보니자칫지루하고따분하게느껴질수있는프레임워크를조금더즐겁게배울수있었습니다.후반부에는파이어베이스를통해간단히결과물을낼수있어흥미를유발하기에이만한책이없구나느꼈습니다."-장현석

“예제중심으로따라하기쉬워,앵귤러에관심있거나요즘프론트엔드개발의첫발을내딛고자한다면좋은선택지가될것입니다.”-최수원

"AngularJS(1.x)를경험하고버전2로넘어오기를망설이다가버전4가릴리스된시점에베타리딩으로이책을읽게되었습니다.버전1을학습할때는공식문서와조각조각설명된블로그글이전부였는데이렇게정제된책을보니머릿속에체계적으로정리되는느낌입니다.앵귤러를처음접하는분과버전1에서넘어오는분모두에게좋은시작점이될책이라고생각합니다."-최동원