Angular 책을 출판했습니다.

티스토리 뷰

Angular

Angular 책을 출판했습니다.

한장현 2017. 6. 16. 17:16

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

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

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

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

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

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

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

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

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

고맙습니다.

- 구입처

- 기준 버전

@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 개발 단계 훑어보기

'Angular' 카테고리의 다른 글

Angular v.4.3.0에 추가된 HttpClientModule (4)	2017.07.18
Angular 책 출판 후기 & 세미나 사전 조사 (6)	2017.07.14
Angular 책을 출판했습니다. (29)	2017.06.16
Angular 책을 쓰고 있습니다. (5)	2017.02.10
Angular QuickStart - 4. 어플리케이션 코드 구조 (작성중) (4)	2017.01.26
Angular QuickStart - 3. Angular 배우기 (0)	2017.01.05

공유하기 링크

페이스북
카카오스토리
트위터

주원파더 구입했습니다~!
잘보고 잘 따라해보겠습니다~! 2017.06.16 17:39
댓글주소 수정/삭제 댓글쓰기
한장현 고맙습니다!!! 공부에 도움이 되길 바랍니다 ㅎㅎ 2017.06.17 17:59 신고
댓글주소 수정/삭제
sbahn 저도 구매했습니다~좋은책 감사합니다~ 2017.06.21 09:35 신고
댓글주소 수정/삭제 댓글쓰기
한장현 고맙습니다!! ㅎ 나중에 만나면 Angular 스티커 드릴게요 ㅎㅎ 2017.06.21 15:40 신고
댓글주소 수정/삭제
쁘니도리 안녕하세요. 좋은 책 감사드립니다. 무엇하나 그냥 건너띄지 않고 상세한 설명들에 감동 받았습니다. 2017.06.21 22:30
댓글주소 수정/삭제 댓글쓰기
한장현 감동까지 받으셨다니, 제가 감격스럽네요 ㅎㅎㅎ
고맙습니다!! ㅎ 2017.06.22 01:09 신고
댓글주소 수정/삭제
asdf 짱 2017.06.24 07:05
댓글주소 수정/삭제 댓글쓰기
한장현 고맙습니다!! 2017.06.24 13:03 신고
댓글주소 수정/삭제
비밀댓글입니다 2017.06.24 09:24
댓글주소 수정/삭제 댓글쓰기
비밀댓글입니다 2017.06.24 13:03
댓글주소 수정/삭제
oddeye 어제 날짜로 구매하여 오늘 받아봤습니다. 페이지 수는 인지하고 있었으나 막상 받아보니 두께가 헉 ㅠㅠ 하지만 이걸 익힐 생각하니 왠지 모를 두근거림이 있네요~ 감사합니다~ 2017.08.09 14:41
댓글주소 수정/삭제 댓글쓰기
비밀댓글입니다 2017.10.24 18:31
댓글주소 수정/삭제 댓글쓰기
한장현 안녕하세요!!

이름이 익숙한 분을 여기서 보니 또 반갑네요 ㅎㅎㅎㅎ
응원해주셔서 고맙습니다!! ㅎㅎㅎ

국헌님도 즐거운 날들 되시길 바랍니다^^ 2017.10.24 18:37 신고
댓글주소 수정/삭제
힝 안녕하세요. 디자인 전공을 하고 현재 웹 기획쪽으로 옮겨가고있는 중입니다. 앵귤러를 배우는 것이 좋을 것 같아 찾아보던 중 책이 있네요..! 개발을 전문적으로 하진 않아서 html css javascript정도(초~중급)밖에 다루지 못하는데, 이 책을 읽는 데에 어려움이 있을까요? 2017.11.23 14:25
댓글주소 수정/삭제 댓글쓰기
한장현 아.. 댓글을 이제야 봤네요.
늦게 확인해서 죄송합니다.

1년 반이 지났으니 JavaScript 실력이 더 나아져서 잘 보셨기를 바래봅니다^^; 2019.06.03 22:45 신고
댓글주소 수정/삭제
Jeorome chapter 02 실습 따라하니 "Error: listen EACCES 0.0.0.0:8080" 이 뜨는데요 listen PORT 를 수정하려면 어느 부분을 고쳐야 하는지 알 수 있을까요?? 2018.11.30 12:45
댓글주소 수정/삭제 댓글쓰기
한장현 확인이 늦어 죄송합니다.
chapter 02의 어떤 예제를 하신건가요? 2019.06.03 22:47 신고
댓글주소 수정/삭제
책구매자 안녕하세요 책 구매자인데요.

따라하기 처음부터 에러가 나서 질문 드립니다..

index.html을 책을따라 다 만들고 main.ts를 작성하는데 import 부분에서 'angular/core' 쪽에서 에러가 발생하네요.. 어떻게 해야하나용? 2019.06.03 22:41
댓글주소 수정/삭제 댓글쓰기
한장현 안녕하세요.

어떤 에러가 나는지 좀 더 자세하게 알 수 있을까요? 2019.06.03 22:47 신고
댓글주소 수정/삭제
책구매자 아 죄송합니다 그냥 진행했더니 실행이 잘되어서 댓글 달았던걸 깜빡 잊었었네요 ! 잘되고있습니당 감사합니다! 2019.06.05 11:02
댓글주소 수정/삭제
한장현 다행이네요 ㅎㅎㅎㅎ 2019.06.05 11:04 신고
댓글주소 수정/삭제
Lala 책보면서 궁금한점이 생겨서요!
Angular cli로 설치해서 사용하지않고 수동으로 설치하고 만들어서 하는 이유가 있을까요?
2019.08.02 18:43
댓글주소 수정/삭제 댓글쓰기
한장현 안녕하세요. 한장현입니다.
책을 구매해주셔서 감사합니다

이 책이 집필된 시기는 TypeScript 컴파일이라는 개념과 Angular CLI가 많은 사람에게 익숙하지 않던 시기였습니다. 그래서 초반부 예제에 SystemJS 를 끌어와서 사용했던 것이라 생각됩니다.

요즘에는 당연히 Angular CLI를 사용하는 것이 좋습니다. 2019.08.02 18:48 신고
댓글주소 수정/삭제
Lala 이해가되네요! 감사합니다~ 일단 책 구성이 실습위주로 편성되 있어서 개념이 쉬게 잡혀요. Angular입문인 저에게 정말 좋은 책인것 같습니다~ 2019.08.02 18:54
댓글주소 수정/삭제 댓글쓰기
한장현 고맙습니다^^ 2019.08.02 19:10 신고
댓글주소 수정/삭제
rime 안녕하세요. 기존에 agnularJs를 사용하여 프로젝트 하다가 이번에 angular4프로젝트에 참여하게 되었습니다.

이책을 이용해서 공부해도 될까요? 2019.08.07 16:21
댓글주소 수정/삭제 댓글쓰기
한장현 안녕하세요. 기본 문법과 철학을 공부하기에는 이 책이 아직 도움이 되리라 생각합니다. 하지만 책이 출판되고 시간이 조금 지났기 때문에 공식 가이드문서를 함께 보시는 것을 추천합니다. 2019.08.09 09:42 신고
댓글주소 수정/삭제
circlegiven 책 정말 감사합니다.
덕분에 앵귤러에 대해 하나도 몰랐을때 빠르게 적응할 수 있었습니다.

아! 특히 가이드 사이트도 정말 잘 쓰고있습니다! 2019.08.09 09:11
댓글주소 수정/삭제 댓글쓰기
한장현 고맙습니다^^ 2019.08.09 09:42 신고
댓글주소 수정/삭제