제대로 배우는 Angular 4

보다 앵귤러다운 프로그래밍 방법

조주민 지음

비제이퍼블릭 2019년 03월 18일 출간 종이책 : 2017년 06월 16일 출간

작품소개

책소개

보다 앵귤러다운 프로그래밍 방법

프레임워크의 중요도가 날로 높아지는 가운데, 그중에서도 단연 눈에 띄는 프레임워크를 하나 꼽는다면 바로 Angular라 할 수 있을 것이다. AngularJS에서부터 참신성과 생산성을 인정받은 Angular는 Angular 2와 Angular 4버전을 거치며 전면적인 수정을 통해 더욱 빠르고 혁신적인 애플리케이션 개발을 돕는 프레임워크로서 발전했다. 그러나 이 Angular는 그 혁신성에서 기인한 생소한 방법들이 사용됨에 따라 활용에 다소간의 장벽이 있는 것도 사실이다.

이 책 『제대로 배우는 Angular 4』는 Angular의 기초를 익혔지만 Angular만의 참신한 개념들을 제대로 이해하지 못하고 있는 프로그래머를 위해 작성되었다. 단순한 기술 입문에서 벗어나, 그 원리와 철학을 설명하고 보다 Angular다운 프로그래밍이 가능하도록 도와준다. 특히 Angular 공식 문서에서 찾아보기 힘든 고급 스킬들을 담아 그 실용성을 높였다.

목차

1장 Angular 버전
Angular의 역사
Angular의 버저닝 정책
Angular 3은 어디에?

2장 컴포넌트 기반 애플리케이션
AngularJS 1.x 방식
컴포넌트 기반 구조
AngularJS 1.x를 이용한 컴포넌트 기반 애플리케이션
Angular의 컴포넌트 기반 구조

3장 모듈 로딩
모듈과 모듈 로딩
SystemJS를 이용한 모듈 로딩
Webpack을 이용한 모듈 로딩
자바스크립트 모듈과 Angular 모듈의 차이

4장 기이한 바인딩 문법
AngularJS 1.x 바인딩의 문제
Angular의 바인딩
1) 평가 없는 문자열
2) 속성 바인딩
3) 이벤트 바인딩
4) 양방향 바인딩
5) * 문법
6) 템플릿 참조 변수
7) 템플릿 입력 변수

5장 Zone.js와 변경감지
AngularJS 1.x의 변경감지
Zone.js
Angular의 변경감지
Angular의 두 가지 변경감지 관련 라이프사이클 메소드
Angular의 변경감지가 AngularJS 1.x보다 빠른 이유
Zone.js 밖에서 이벤트 수신

6장 ElementRef, ViewRef, ComponentRef, ViewContainerRef
ElementRef
ViewRef
ComponentRef
ViewContainerRef

7장 변경감지 전략
컴포넌트 변경감지 전략
ChangeDetectorRef
ChangeDetectorRef를 변경감지 트리에서 분리하기
임의로 변경감지 수행하기
전체 변경감지 순회에 한 번 포함하기
파이프와 변경감지

8장 태그와 동적 뷰
Angular의 Transclude
뷰 생성과 삭제
뷰 생성 시 값 전달
뷰 생성 위치 조정
디렉티브를 이용해 TemplateRef 가져오기

9장 구조적 디렉티브 활용
ngFor 연구
트리뷰 만들기
트리 그리드 만들기

10장 계층적 인젝터와 동적 컴포넌트 생성
계층적 인젝터
동적 인젝터 생성
동적 컴포넌트 생성
인젝터와 컴포넌트 생성
인젝터를 이용한 파라미터 전달

11장 보조 라우트
ui-route의 이름 라우팅
Angular의 보조 라우트
하위 라우트에 보조 라우트 적용하기
링크와 내비게이션
파라미터

12장 서버 사이드 렌더링
유니버설 애플리케이션
Node.js와 Express 기반의 서버 사이드 렌더링
라우팅 추가하기
HTTP 요청 캐싱하기
Preboot
Angular Universal 사용하기

13장 웹워커
웹워커
웹워커를 사용하는 Angular 애플리케이션
MessageBroker 이용하기

14장 AOT 컴파일과 Tree Shaking
JIT 컴파일 vs. AOT 컴파일
ngc
AOT 컴파일 사용하기
Tree Shaking
번들 크기 비교

출판사 서평

이 책의 특징
- 단순 사용법 나열을 지양하고 원리와 효율을 설명한다.
- Angular의 철학을 이해함으로써 Angular 다운 프로그래밍을 목표로 한다.
- 많은 그림과 도식을 통해 개념의 이해를 돕는다.
- 최신 버전 Angular 4.0이 적용되었다.

이 책이 필요한 독자
- Angular 기초를 익혔지만 개념과 원리를 발전 시키고 싶은 프로그래머
- Angular 공식 문서 포함, 관련 텍스트에서 부족했던 내용을 배양하고자 하는 개발자
- Angular를 실무에 제대로 적용해 보고 싶은 담당자
- Angular 4.0을 습득하고자 하는 모든 학습자

대상독자
중급

바야흐로 웹 애플리케이션 세상이다. 주위에서 흔히 볼 수 있는 UI로 조작 가능한 거의 모든 애플리케이션들이 웹 기반으로 만들어지고 있다. 심지어 네이티브 애플리케이션조차도 웹 애플리케이션 기반 환경에서 개발되기에 이르렀다.
웹 애플리케이션을 만드는 기술이 이제는 거의 모든 애플리케이션 개발에 사용되고 있는 셈이다. 따라서 웹 프로그래밍은 현대의 개발자에게 있어 필수적인 능력과 기술로 자리매김하고 있다고 할 것이다.
이런 시류에서 구글의 새로운 Angular는 전 세계의 개발자들 사이에서 가장 크게 주목받고 있다. 전작인 AngularJS 1.x의 혁신성과 생산성을 유지하면서도, 약점이었던 성능 문제를 매우 극적으로 개선한, 완전한 탈바꿈에 성공한 프론트엔드 프레임워크이기 때문이다.
이 책은 가능한 한 공식 사이트에서 다루지 않은 내용을 위주로, 내부의 작동 메커니즘에 관한 것이나 실무에서 좀 더 유용한 도움을 줄 만한 것을 쓰려고 노력했다. 공식 사이트를 통해 기초를 익힌 개발자가 이 책을 다음 단계로 넘어가기 위한 발판으로 삼으면 유용할 것이다.

작가정보

저자(글) 조주민

저자 : 조주민
저자 조주민은 경력 14년차의 프로그래머. 동시성/병렬 프로그래밍에 관심이 많은 서버 프로그래머였지만 프리랜서 시절 우연히 접한 Angular의 매력에 빠져 프론트엔드 프로그래밍에도 전문성을 재고하고 있다. 현재 UI/UX 개발(BPNR社)을 하고 있으며, 백발이 되어서도 프로그래밍을 하겠다는 꿈을 가지고 ‘백발의 개발자’라는 블로그(http://blog.naver.com/jjoommnn)를 운영 중이다.