Angular 책을 출판했습니다.

안녕하세요. 한장현입니다.

블로그에 오랜만에 글을 쓰네요 ㅎ

잠시 블로그를 쉬고 Angular 책을 쓰기 시작했는데, 얼마 전에 Angular 책을 출판했습니다~ㅎㅎ

책 제목은 Angular Development with TypeScript입니다~~

단편적인 내용을 포스팅하는 것보다는, Angular 프레임워크를 처음부터 끝까지 다루는 것이 실질적인 도움이 될 것으로 생각합니다.

지금 서점에서 만나볼 수 있습니다!! ㅎ

Angular 공부하시는 데에 도움이 되길 바랍니다.

제 책을 구입하신 분 중에 오프라인에서 저를 만나는 분에게는 제가 직접 주문한 Angular 스티커를 드립니다 ㅎㅎ

스티커 달라고 하세요~!! ㅎ

고맙습니다.

- 구입처

• 인터넷 교보문고
• 알라딘
• 예스24
• 인터파크 도서
• 반디앤루니스
• 영풍문고

- 기준 버전

• @angular : 4.1.0
• @angular/cli : 1.0.3
• TypeScript : 2.3.3
• yarn : 0.24.5

- 목차

• Chapter 01 Angular 소개

  • 1.1 JavaScript 프레임워크와 라이브러리
    • 1.1.1 종합 프레임워크
    • 1.1.2 경량 프레임워크
    • 1.1.3 라이브러리
    • 1.1.4 Node.js는 무엇인가?
  • 1.2 AngularJS 살펴보기
  • 1.3 Angular 살펴보기
    • 1.3.1 단순해진 코드
    • 1.3.2 성능 향상
  • 1.4 Angular 개발자가 사용하는 툴
  • 1.5 Angular 기능 구현 방식
  • 1.6 온라인 경매 애플리케이션 예제
  • 1.7 정리

• Chapter 02 Angular 시작하기

  • 2.1 첫 번째 Angular 애플리케이션
    • 2.1.1 TypeScript로 작성하는 Hellow World
    • 2.1.2 ES5로 작성하는 Hello World
    • 2.1.3 ES6로 작성하는 Hello World
    • 2.1.4 애플리케이션 실행하기
  • 2.2 Angular 애플리케이션의 구성 요소
    • 2.2.1 모듈(Module)
    • 2.2.2 컴포넌트(Component)
    • 2.2.3 디렉티브(Directive)
    • 2.2.4 데이터 바인딩 기초
  • 2.3 SystemJS 모듈 로더
    • 2.3.1 모듈 로더
    • 2.3.2 모듈 로더 vs. <script> 태그
    • 2.3.3 SystemJS 시작하기
  • 2.4 패키지 매니저 선택하기
    • 2.4.1 npm과 jspm 비교
    • 2.4.2 npm vs. yarn
    • 2.4.3 yarn으로 Angular 프로젝트 시작하기
  • 2.5 실습 : 온라인 경매 애플리케이션
    • 2.5.1 프로젝트 설정
    • 2.5.2 첫 페이지 구성하기
    • 2.5.3 온라인 경매 애플리케이션 실행하기
  • 2.6 정리

• Chapter 03 라우터로 내비게이션 구현하기

  • 3.1 라우터
    • 3.1.1 위치 정책(Location strategy)
    • 3.1.2 라우터 구성 요소
    • 3.1.3 navigate( ) 함수 사용하기
  • 3.2 라우터로 데이터 전달하기
    • 3.2.1 ActivatedRoute에서 라우팅 인자 추출하기
    • 3.2.2 라우터로 정적 데이터 전달하기
  • 3.3 자식 라우팅
  • 3.4 라우팅 가드(Route Guards)
  • 3.5 라우팅 영역 여러 개 만들기
  • 3.6 모듈 단위로 앱 나누기
  • 3.7 모듈 지연 로딩
  • 3.8 실습 : 내비게이션 추가하기
    • 3.8.1 ProductDetailComponent 만들기
    • 3.8.2 HomeComponent 만들기
    • 3.8.3 ApplicationComponent 정리하기
    • 3.8.4 ProductComponent에 RouterLink 추가하기
    • 3.8.5 루트 모듈에 라우팅 추가하기
    • 3.8.6 애플리케이션 실행하기
  • 3.9 정리

• Chapter 04 의존성 주입

  • 4.1 의존성 주입과 제어권 역전
    • 4.1.1 의존성 주입 패턴
    • 4.1.2 제어권 역전 패턴
    • 4.1.3 의존성 주입의 장점
  • 4.2 인젝터와 프로바이더
    • 4.2.1 프로바이더 등록하기
  • 4.3 의존성 주입 예제
    • 4.3.1 상품 서비스 주입하기
    • 4.3.2 HTTP 서비스 주입하기
  • 4.4 프로바이더 변경하기
    • 4.4.1 프로바이더에 useFactory와 useValue 사용하기
    • 4.4.2 불투명 토큰(OpaqueToken) 사용하기
  • 4.5 인젝터의 계층 구조
    • 4.5.1 viewProviders
  • 4.6 실습 : 의존성 주입 패턴 확인하기
    • 4.6.1 라우터 인자를 상품의 ID로 수정하기
    • 4.6.2 ProductDetailComponent 수정하기
  • 4.7 정리

• Chapter 05 바인딩, 옵저버블, 파이프

  • 5.1 데이터 바인딩
    • 5.1.1 이벤트 바인딩
    • 5.1.2 프로퍼티 바인딩, 어트리뷰트 바인딩
    • 5.1.3 템플릿 바인딩
    • 5.1.4 양방향 데이터 바인딩
  • 5.2 반응형 프로그래밍과 옵저버블
    • 5.2.1 옵저버와 옵저버블이 무엇인가?
    • 5.2.2 옵저버블 이벤트 스트림
    • 5.2.3 옵저버블 취소하기
  • 5.3 파이프
    • 5.3.1 커스텀 파이프
  • 5.4 실습 : 상품 필터링
    • 5.4.1 프로젝트에 FormModule 추가하기
    • 5.4.2 커스텀 파이프 정의하기
    • 5.4.3 SearchComponent 수정하기
    • 5.4.4 HomeComponent 수정하기
    • 5.4.5 AppModule 수정하기
    • 5.4.6 경매 애플리케이션 실행하기
  • 5.5 정리

• Chapter 06 컴포넌트 통신

  • 6.1 컴포넌트끼리 통신하기
    • 6.1.1 입력 프로퍼티와 출력 프로퍼티
    • 6.1.2 중개자 패턴
    • 6.1.3 프로젝션
  • 6.2 컴포넌트 생명주기
    • 6.2.1 ngOnChanges( ) 함수 사용하기
  • 6.3 변화 감지기 동작 원리
  • 6.4 자식 컴포넌트의 API 직접 실행하기
  • 6.5 실습 : 별점 기능 추가하기
    • 6.5.1 StarsComponent 클래스 코드 수정하기
    • 6.5.2 StarsComponent 템플릿 수정하기
    • 6.5.3 ProductDetailComponent 템플릿 수정하기
    • 6.5.4 ProductDetailComponent 클래스 코드 수정하기
    • 6.5.5 AppModule 수정하기
  • 6.6 정리

• Chapter 07 폼 처리하기

  • 7.1 HTML 폼
    • 7.1.1 HTML 표준 폼
    • 7.1.2 Angular 폼
  • 7.2 템플릿 기반 폼
    • 7.2.1 템플릿 기반 폼에 사용하는 디렉티브
    • 7.2.2 HTML 폼에 적용하기
  • 7.3 반응형 폼
    • 7.3.1 폼 모델
    • 7.3.2 폼 디렉티브
    • 7.3.3 예제 폼 리팩토링
    • 7.3.4 FormBuilder 사용하기
  • 7.4 폼 유효성 검사
    • 7.4.1 반응형 폼 유효성 검사
  • 7.5 실습 : 검색 폼에 유효성 검사 추가하기
    • 7.5.1 SearchComponent에 카테고리 목록 추가하기
    • 7.5.2 폼 모델 만들기
    • 7.5.3 템플릿 수정하기
    • 7.5.4 onSearch( ) 함수 구현하기
    • 7.5.5 애플리케이션 실행하기
  • 7.6 정리

• Chapter08 서버와 데이터 주고받기

  • 8.1 Http 객체
  • 8.2 Node.js와 TypeScript로 웹 서버 만들기
    • 8.2.1 간단한 웹 서버 만들기
    • 8.2.2 JSON 데이터 제공하기
    • 8.2.3 TypeScript로 실시간 변환하고 로드하기
    • 8.2.4 상품 정보를 제공하는 RESTful API 추가하기
  • 8.3 Angular와 Node.js 연동하기
    • 8.3.1 정적 리소스(Static resources) 제공하기
    • 8.3.2 클라이언트 환경 설정
    • 8.3.3 HTTP GET 요청하기
    • 8.3.4 AsyncPipe
    • 8.3.5 서비스에 HTTP 주입하기
  • 8.4 웹소켓 사용하기
    • 8.4.1 Node.js 서버에서 데이터 푸시하기
    • 8.4.2 웹소켓을 옵저버블로 만들기
  • 8.5 실습 : 상품 검색과 입찰 알림 구현하기
    • 8.5.1 HTTP 서버 구현하기
    • 8.5.2 상품 검색 기능 구현하기
    • 8.5.3 웹소켓으로 입찰 알림 보내기
  • 8.6 정리

• Chapter09 유닛 테스트

  • 9.1 Jasmine 프레임워크
    • 9.1.1 무엇을 테스트할 것인가
    • 9.1.2 Jasmine 설치하기
  • 9.2 Angular 테스트 라이브러리
    • 9.2.1 서비스 테스트
    • 9.2.2 라우터 테스트
    • 9.2.3 컴포넌트 테스트
  • 9.3 날씨 애플리케이션 테스트
    • 9.3.1 프로젝트 설정
    • 9.3.2 라우터 테스트
    • 9.3.3 서비스 테스트
    • 9.3.4 컴포넌트 테스트
  • 9.4 Karma 테스트 러너 실행하기
  • 9.5 실습 : 유닛 테스트 적용하기
    • 9.5.1 ApplicationComponent 테스트 코드
    • 9.5.2 ProductService 테스트 코드
    • 9.5.3 StarsComponent 테스트 코드
    • 9.5.4 테스트 실행
  • 9.6 정리

• Chapter10 번들링, 배포

  • 10.1 Webpack 살펴보기
    • 10.1.1 Webpack 시작하기
    • 10.1.2 Webpack 로더
    • 10.1.3 Webpack 플러그인
  • 10.2 Webpack 기본 설정
    • 10.2.1 yarn build
    • 10.2.2 yarn start
  • 10.3 개발용 설정과 운영용 설정 분리하기
    • 10.3.1 package.json 설정
    • 10.3.2 환경변수 설정
    • 10.3.3 Webpack 설정
    • 10.3.4 Angular 애플리케이션에 Node.js 환경 변수 전달하기
    • 10.3.5 실행하기
  • 10.4 Angular CLI
    • 10.4.1 Angular CLI로 프로젝트 생성하기
    • 10.4.2 Angular CLI 커맨드
  • 10.5 실습 1 : Webpack 적용하기
    • 10.5.1 서버 수정하기
    • 10.5.2 클라이언트 수정하기
    • 10.5.3 Karma 테스트 설정하기
    • 10.5.4 운영용으로 빌드하고 배포하기
  • 10.6 실습 2 : Angular CLI로 리팩토링하기
    • 10.6.1 프로젝트 생성하기
    • 10.6.2 컴포넌트 생성하기
    • 10.6.3 라우터 연결하기
    • 10.6.4 서비스 생성하기
    • 10.6.5 서드 파티 라이브러리 사용하기
    • 10.6.6 테스트 스펙 수정하기
    • 10.6.7 빌드, 배포하기
  • 10.7 정리

• appendix A ECMAScript 6

  • A.1 예제 코드 실행하기
  • A.2 템플릿 리터럴
  • A.3 옵션 인자와 인자 기본값
  • A.4 변수 스코프
  • A.5 화살표 함수 표현식과 this
  • A.6 forEach( ), for-in, for-of
  • A.7 클래스와 상속
  • A.8 프로미스로 비동기 작업 처리하기
  • A.9 모듈

• appendix B TypeScript

  • B.1 Angular 애플리케이션은 왜 TypeScript로 작성할까?
  • B.2 트랜스파일러의 역할
  • B.3 TypeScript 시작하기
    • B.3.1 TypeScript 설치하고 실행하기
  • B.4 JavaScript의 상위 집합
  • B.5 타입 지정
    • B.5.1 함수
    • B.5.2 인자 기본값
    • B.5.3 옵션 인자
    • B.5.4 화살표 함수 표현식
  • B.6 클래스
    • B.6.1 접근 제한자
    • B.6.2 메소드
    • B.6.3 상속
  • B.7 제네릭(Generics)
  • B.8 인터페이스(Interfaces)
    • B.8.1 커스텀 타입으로 사용하기
    • B.8.2 추상 클래스로 사용하기
    • B.8.3 실행할 수 있는 인터페이스
  • B.9 클래스 메타데이터 추가하기, 어노테이션
  • B.10 타입 정의 파일
  • B.11 TypeScript & Angular 개발 단계 훑어보기