■ Angular 내장 필터를 알아보고 자체 필터 생성
■ AngularJS 라우터와 템플릿 시스템으로 멀티뷰 웹앱 제작
■ 부트스트랩 팀이 만든 많은 플러그인을 사용하기 위해 AngularStrap 적용
■ 특별한 테마를 만들기 위해 Less를 사용해 부트스트랩 수정
■ 걸프와 그런트 태스크러너를 사용해 코드를 기반으로 한 앱 유지보수
■ CRUD의 개념 이해와 구현
■ 개발 진행 시 생길 수 있는 이슈 해결

[목 차]


1장. Hello, {{name}}
__설정
__AngularJS와 부트스트랩 설치
____부트스트랩 설치
____AngularJS 설치
____AngularJS 사용
____부트스트랩
__연습문제
__요약

2장. AngularJS와 부트스트랩 사용
__설정
__발판
____내비게이션
______부트스트랩 그리드의 이해
____디렉티브 사용
____ng-click과 ng-mouseover
______ng-init
______ng-show와 ng-hide
____ng-if
______ng-repeat
______ng-class
______ng-style
______ng-cloak
__연습문제
__요약

3장. 필터
__뷰에 필터 적용
____통화와 숫자
____소문자와 대문자
____limitTo
____날짜
____필터
____orderBy
____JSON
__자바스크립트에서 필터 적용
__자체 필터 생성
____모듈
______모듈 생성
____필터 생성
__연습문제
__요약

4장. 라우팅
__ngRoute 설치
__기본 라우터 생성
__매개변수를 이용한 라우트
__폴백 라우트
__HTML5 라우팅 또는 # 지우기
____HTML5Mode 사용
__라우트 연결
__연습문제
__요약

5장. 뷰 생성
__인텍스 뷰 그리기
__연락처 추가 뷰 그리기
____수평 폼
__연락처 보기 뷰 그리기
____제목과 그라바타
____form-horizontal 클래스
__연습문제
__요약

6장. CRUD
__읽기
____뷰 간의 데이터 공유
_____$rootScope를 통한 데이터 공유
_____자체 서비스 생성
_____자체 서비스 돌리기
_____라우트 매개변수 사용
_____자체 디렉티브 생성
_____알맞은 줄바꿈
_____검색과 활성화 페이지 클래스 추가
______검색
______활성화 페이지 클래스
__생성
__수정
____Scope 속성
____컨트롤러
____모든 조각을 모아서 완성
__삭제
__연습문제
__요약

7장. AngularStrap
__AngularStrap 설치
__AngularStrap 사용
____모달 창
____툴팁
____팝오버
____알림
__AngularStrap 서비스 사용
__AngularStrap 적용
__연습문제
__요약

8장. 서버 연결
__$http를 사용한 연결
____데이터 보내기
__ngResource를 사용한 연결
____ngResource 가져오기
____ngResource 설정
____서버로부터 받기
____서버로 보내기
____연락처 삭제
____에러 다루기
__그 외의 서버 연결 방법
____RestAngular
______RestAngular 사용
____Firebase
__연습문제
__요약

9장. 태스크러너 사용
__노드와 NPM 설치
__그런트 사용
____커맨드라인 인터페이스 설치
____그런트 설치
______package.json 파일 생성
______Gruntfile.js 파일 구축
______그런트 실행
______감지 설정
______기본 태스크 생성
__걸프 사용
______전역 걸프 설치
______걸프 의존성 설치
______걸프 파일 설정
__프로젝트 구조 변경
__연습문제
__요약

10장. 부트스트랩 스타일 변경
__그런트와 걸프를 사용한 Less 컴파일
____소스 다운로드
____그런트를 사용한 컴파일
______감지와 라이브리로드 설정
_____걸프를 사용한 컴파일
______감지와 라이브리로드 설정
__Less 101
____불러오기
____변수
____중첩 규칙
____믹스인
__부트스트랩 스타일 변경
____폰트
____내비게이션 바
____폼
____버튼
__부트스트랩 테마
__추가적인 부트스트랩 테마
__연습문제
__요약

11장. 유효성 검증
__폼 유효성 검증
____패턴 유효성 검증
____최소길이, 최대길이, 최소, 최대값 사용
____자체 검증 생성
__연습문제
__요약

12장. 커뮤니티 도구
__바타랑
____바타랑 설치
__스코프와 속성 검사
____성능 모니터링
____의존성 도식화
____바타랑 옵션
__ng-annotate
____ng-annotate 설치
____그런트에서 ng-annotate 사용
______태스크 설정
______감지 태스크에 넣기
____걸프에서 ng-annotate 사용
__연습문제
__요약

부록 A. 참고할 만한 프로젝트와 개발자
__부트스트랩 프로젝트와 개발자
____코어 팀
____부트스트랩 엑스포
____BootSnipp
____@mdo의 코드 가이드
____Roots
____Shoelace
____서브라임 텍스트 부트스트랩 3 도구
____Font Awesome
____부트스트랩 아이콘
__AngularJS 프로젝트와 개발자
____코어 팀
____RestAngular
____AngularStrap과 AngularMotion
____AngularUI
____모바일 AngularUI
____Ionic
____AngularGM
__이제 여러분 차례다...

부록 B. 도움이 필요할 때 참고할 만한 곳
__공식 문서
__깃허브 이슈
__Stack Overflow
__AngularJS 구글 그룹
__Egghead.io
__트위터

부록 C. 연습문제 해답

이 책에서 다루는 내용

■ Angular 내장 필터를 알아보고 자체 필터 생성
■ AngularJS 라우터와 템플릿 시스템으로 멀티뷰 웹앱 제작
■ 부트스트랩 팀이 만든 많은 플러그인을 사용하기 위해 AngularStrap 적용
■ 특별한 테마를 만들기 위해 Less를 사용해 부트스트랩 수정
■ 걸프와 그런트 태스크러너를 사용해 코드를 기반으로 한 앱 유지보수
■ CRUD의 개념 이해와 구현
■ 개발 진행 시 생길 수 있는 이슈 해결

이 책의 대상 독자

최신 웹 개발 기술에 관심이 있다면 부트스트랩과 AngularJS를 모르지 않을 것이다. 이 책은 약간의 자바스크립트 경험이 있고 웹앱을 만들고자 하는 사람을 대상으로 한다.
하지만 자바스크립트의 기본적인 내용은 이해하고 있어야 한다. 만약 문자열과 객체의 차이를 잘 모른다면, 먼저 기본 지식을 이해하고 이 책을 읽어야 한다.
물론 이전에 AngularJS와 부트스트랩을 사용해봤다면, 그리고 좀 더 배우고 싶다면, 제대로 책을 고른 것이다.

★ 이 책의 구성 ★

1장, Hello, {{name}} 간단한 Hello, World 앱을 만들며 AngularJS와 부트스트랩의 기본을 알아본다.

2장, AngularJS와 부트스트랩 사용 이 책을 통해 최종적으로 만들어 볼 앱을 소개하고, 부트스트랩의 그리드 시스템과 몇 개의 AngularJS 컴포넌트를 알아본다.

3장, 필터 AngularJS의 내장 필터들을 알아보고 자체 필터도 만들어 본다.

4장, 라우팅 AngularJS의 내장 라우터를 사용해보고, 멀티뷰 웹앱을 만들기 위해 어떻게 템플릿을 사용하는지 살펴본다.

5장, 뷰 생성 부트스트랩 그리드 시스템을 자세히 알아보고, 템플릿에 살을 붙인다.

6장, CRUD 생성과 읽기, 갱신, 삭제 함수를 구현하고 뷰에 적용된 모습을 살펴본다.

7장, AngularStrap AngularJS에서 모든 부트스트랩 플러그인을 사용할 수 있게 해주는 서드파티 모듈을 알아본다.

8장, 서버 연결 서버에 연결하는 공식적인 두 가지 방법에 대해 알아본다.

9장, 태스크러너 사용 그런트Grunt와 걸프Gulp를 사용해 모든 JS와 Less 파일을 축소화한다.

10장, 부트스트랩 스타일 변경 Grunt.js로 설정한 부트스트랩을 개인 기호에 맞게 변경하는 방법을 살펴본다.

11장, 유효성 검증 AngularJS가 제공하는 유효성 검증을 알아본 후, 자체 유효성 검증을 구현해보고 서버 에러를 처리해본다.

12장, 커뮤니티 도구 AngularJS 커뮤니티에 있는 몇 가지 도구를 살펴본다.

부록 A, 참고할 만한 프로젝트와 개발자 AngularJS와 부트스트랩 분야에서 활약하는 주요 개발자와 참고할 만한 프로젝트를 알아본다.

부록 B, 도움이 필요할 때 참고할 만한 곳 개발 시 궁금한 점이 있을 때 참고할 만한 곳을 살펴본다.

부록 C, 연습문제 해답 각 장 마지막에 있는 연습문제의 해답을 볼 수 있다.

스티븐 래드포드(Stephen Radford)
영국 레스터(Leicester)에서 풀스택 웹 개발자로 살고 있다. 브리스톨 Bristol의 컬리지에서 그래픽 디자인을 공부한 후 영국의 유명한 온라인 마케팅 회사에 취직해 레스터로 거주지를 옮겼다. 여러 회사에서 일해오며, 모든 개발자가 지속적으로 개발이 가능하도록 고안된 SaaS나 FTPloy를 포함한 여러 사이드 프로젝트를 개발했다. 나중에 이 프로젝트는 .Net 사이드 프로젝트 어워드에서 올해의 사이드 프로젝트 부문 결승까지 진출했다. 현재 동업자와 함께 FTPloy와 포머Former 같은 웹앱을 빌드하고 유지보수하는 웹 개발 회사 코쿤 Cocoon을 운영 중이다. 이 회사는 소수의 스타트업 회사들과 긴밀히 협력해 웹사이트와 애플리케이션 아이디어를 개발하고 있다.

옮긴이 이경래
저녁이 있는 삶을 추구하는 개발자다. 삼성전자에서 4년간 근무하면서 다양한 프로젝트를 통해 웹 서버 백엔드와 프론트엔드 개발을 경험했다. 현재는 육아휴직을 해 아내, 두 아이와 행복한 나날을 보내고 있으며, 가족을 위해 더 나은 환경을 찾아 이민을 준비 중이다.