시작하세요! AngularJS 프로그래밍

들어가며
- AngularJS를 선택해야만 하는 이유
- 책의 구성

[1부] AngularJS 시작하기

▣ 01장: 프로젝트 및 개발환경 구성
개발환경 구성
- Node.js 설치
- 예제코드 실행
프로젝트 구성
- 직접 내려받아 프로젝트 구성
- Bower를 이용한 프로젝트 구성
- Angular-seed 클론을 이용한 프로젝트 구성
- 스케폴딩을 이용한 구성

▣ 02장: AngularJS 살펴보기
AngularJS는 무엇인가?
TODO 웹 애플리케이션
- AngularJS 적용
- 데이터 바인딩과 MVC 패턴
- 컨트롤러를 이용한 뷰 조작
- TODO App 나머지 기능 구현
AngularJS의 개발 철학
마무리

[2부] 웹 애플리케이션 개발을 위한 모든 것

▣ 03장: AngularJS 부트스트랩
ng-app 지시자를 이용한 부트스트랩
자바스크립트 API를 이용한 부트스트랩

▣ 04장: 템플릿 시스템과 데이터 바인딩
템플릿의 이해
AngularJS의 템플릿
- 이중 중괄호와 AngularJS 표현식
데이터 바인딩의 이해
반복적인 데이터 표현을 위한 템플릿(반복 지시자)
조건적인 데이터 표현을 위한 템플릿(조건 지시자)
비즈니스 로직 처리를 위한 템플릿(컨트롤러 지시자)
폼과 유효성 검사를 위한 템플릿(폼/입력 지시자)
- 텍스트 타입 사용법
- FormController와 NgModelController
- 체크박스 타입 사용법
- <select> 요소 사용법
- CSS 클래스로 유효성 검증 결과 표현하기
- 이벤트 처리를 위한 템플릿(이벤트 처리 지시자)
CSS 클래스/스타일을 동적으로 처리하기 위한 템플릿(클래스 지시자/스타일 지시자)

▣ 05장: MVC - 모델, 뷰, 컨트롤러
모델
뷰
컨트롤러
$rootScope과 $scope
- $scope의 계층구조
- Scope 타입
- $scope에서 사용자 정의 이벤트 처리

▣ 06장: 모듈
모듈을 이용한 컨트롤러 등록
다른 모듈의 사용
모듈과 각 컴포넌트의 물리적 파일 구조
- 모듈의 레이어별 분류
- 모듈의 기능별 분류

▣ 07장: 지시자의 모든 것
HTML에서 지시자를 사용하는 방법
- 웹 표준 준수 대비
- 오래된 인터넷 익스플로어 지원하기
AngularJS가 제공하는 지시자(built-in directive)
사용자 정의 지시자
- 간단한 지시자 정의
- 지시자 설정 객체
- 자체 템플릿을 가지는 지시자
- scope 설정 완전 정복
- ngTransclude와 translude 설정
외부 라이브러리를 이용한 지시자 개발
- 데이터 바인딩 기능을 지원하는 컴포넌트 만들기

▣ 08장: 의존관계 주입과 서비스
AngularJS에서의 서비스란?
AngularJS에서의 의존관계 주입
- Module.factory를 이용한 Hello 서비스 만들기
- $provide를 이용한 Provider 정의
- $injector를 이용한 서비스 주입
- 의존관계 주입(DI)을 받을 수 있는 곳
AngularJS가 제공하는 서비스

▣ 09장: 필터(filter)를 사용하고 만들어 보자
AngularJS에서 제공하는 필터
필터를 만들어 보자
마무리

[3부] 단일 페이지 웹 애플리케이션으로의 진화

▣ 10장: 단일 페이지 웹 애플리케이션의 이해
딥 링킹(Deep Linking)

▣ 11장: $route 서비스를 이용한 라우터 구현
ngRoute 모듈
- $routeProvider
- $route
- $routeParam

▣ 12장: $http 서비스를 이용한 서버 통신
$http 서비스
단축 메서드 제공
$httpProvider
- 헤더 정보 변경
- 데이터 변환 함수 등록

▣ 13장: RESTful 웹 서비스를 위한 $resource 서비스
MongoLab RESTful 웹 서비스
ngResource 모듈
$resource 서비스

▣ 14장: $q 서비스를 이용한 비동기 처리
자바스크립트 비동기 프로그래밍
$q 서비스
- Promise 객체
- Deferred 객체
Promise 병렬 제어
$http 서비스 인터셉터 등록 시 promise 활용
라우팅 처리 시 promise 제어

▣ 15장: 실전 북마크 웹 애플리케이션 개발
북마크 웹 애플리케이션 설명
북마크 웹 애플리케이션 개발 절차
북마크 웹 애플리케이션 프로젝트 구성
- 북마크 웹 애플리케이션 파일구조
북마크 라우트 설정
북마크 목록 조회 기능 구현
북마크 검색 기능 구현
북마크 상세 조회 기능 구현
북마크 수정 및 삭제 기능 구현
북마크 추가 기능 구현

2014년에 접어들면서 HTML5와 모바일 그리고 웹 표준 준수 등 다양한 요인으로 액티브엑스와 플래시보다는 순수 자바스크립트 기반 웹 클라이언트 기술의 중요성이 크게 부각됐다. 하지만 국내의 많은 개발자들이 제이쿼리를 이용한 Ajax 기술만 있으면 액티브엑스 기술 없이 화려한 웹 애플리케이션 클라이언트를 개발할 수 있다고 생각하고 있다. 그럼 해외는 어떨까? 해외에서는 단일 페이지 웹 애플리케이션으로 점차 웹 애플리케이션 개발 트렌드가 바뀌고 있고 다양한 자바스크립트 프레임워크가 하루가 다르게 나오고 있다. 이젠 서버 프로그래밍도 Node.js를 이용해 자바스크립트로 하는 시대인 것이다. 더는 자바스크립트가 웹 페이지에서 DOM을 조작하는 데만 사용되지 않는 시대인 것이다.
작년 구글 I/O에서는 구글이 만든 자바스크립트 프레임워크인 AngularJS를 소개하는 세션이 있었다. 구 글 I/O 이전에도 인지도는 엄청났지만 구글 I/O에서의 인기 또한 대단했다. AngularJS는 지금까지 자바 스크립트 기반의 웹 기술이 발전하면서 쌓인 기술들을 프레임워크의 곳곳에 녹여냈다. 제이쿼리의 크로 스 브라우징을 지원하는 DOM 처리, Ajax 처리, 단일 페이지 웹 애플리케이션 지원, 테스트 지원, 의존관 계 주입 그리고 커스텀 요소가 여기에 해당한다. 전 세계의 프론트엔드 개발자가 AngularJS에 관심을 보이고 또 자신만의 AngularJS 기반 라이브러리를 개발해서 공유하고 있다. 국내에서도 관심이 점점 높아 지고 있다.
이 책에서는 AngularJS의 기초부터 심화까지 폭넓은 내용을 다룬다. 비록 테스트에 관해서는 다루지 않지만 그 밖의 AngularJS에 관한 내용은 최대한 모두 다루려고 노력했다. 이 책을 통해 AngularJS를 더 쉽게 이해하고 프로젝트에 잘 적용해 웹 애플리케이션 개발이 더 쉽고 재미있어지길 바란다.
- 저자 서문 중에서