이 책을 통해 각각 구글과 트위터로 대변되는 AngluarJS와 부트스트랩을 배우고 프론트엔드 웹 서버를 구축할 수 있다. AngluarJS가 뼈대라면 부트스트랩은 살을 붙이고 꾸미는 역할을 하며, 이를 통해 쉽게 웹 서버를 만들 수 있다. 책을 차근차근 읽어나가면 풍부한 AngularJS의 기능과 개발자에게 편리함을 제공하는 자바스크립트 라이브러리를 사용할 수 있고, 부트스트랩으로 화면을 구성해 깔끔한 디자인의 웹 페이지를 완성할 수 있다.

■ 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, 연습문제 해답 각 장 마지막에 있는 연습문제의 해답을 볼 수 있다.

HTML과 CSS를 이용한 웹 개발 기술을 한 단계 더 발전시키고 싶다면 이 책이 적합하다. 이 책을 통해 웹앱을 만드는 데 필요한 모든 것을 알 수 있다. 부트스트랩과 AngularJS의 기초부터 각 프레임워크가 어떤 역할을 하는지 자세히 알아본다. 이론을 완벽히 이해한 후, 이론을 토대로 연락처 관리 프로그램을 만들어 본다.
앱에 필요한 필터, 라우팅, 뷰에 대해 알아보고, 더 발전된 프로그램을 위해 CRUD(Create, Read, Update, Delete)를 사용하는 방법에 대해 배운다. 앱과 서버를 연결하는 방법을 배우고, 부트스트랩을 사용해 원하는 스타일로 수정하고, 디렉티브를 만들어 본다. 이와 함께 Less나 걸프(Gulp), 그런트(Grunt), AngularStrap과 같은 추가적인 기술에 대해서도 알아본다. 마지막으로 오류를 범할 가능성이 있는 부분을 살펴보고, 그 문제를 어떻게 방지할 수 있는지 알아본다.
수많은 스크린샷이 첨부된 단계별 가이드를 따라가다 보면, 머지않아 웹앱을 만들 수 있을 것이다.

스티븐 래드포드(Stephen Radford)

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

'백문이 불여일견'이라는 속담이 있습니다. 이 속담은 개발을 할 때도 동일하게 적용됩니다. 아무리 여러 번 책을 읽어도 이해되지 않던 부분이 컴퓨터 앞에 앉아 키보드를 잠깐 두드리면 이해가 됩니다. 그런 측면에서 이 책은 AngularJS와 부트스트랩을 배우는 가장 좋은 책입니다. 구글에서 관리하고 있는 오픈소스 웹 개발 프레임워크 AngularJS는 그 기능과 편리함으로 수많은 유저를 끌어 모았고 유저의 수가 기술의 발전과 직결되는 오픈소스의 특성상 현재는 단점을 발견하기 힘든 프레임워크로 성장했습니다. 트위터에서 시작된 부트스트랩 역시 AngularJS와 비슷한 이유로 많은 사람들이 애용하고 있습니다.
최근 웹 세상을 발 빠르게 따라가기 위해선 적절한 오픈소스 기술을 신속히 조합해 제품을 생산하는 것이 필요합니다. 그런 면에서 AngularJS와 부트스트랩은 완벽한 조합이라고 할 수 있습니다. 컴퓨터 앞에 앉아 이 책을 읽다 보면 어느새 멋진 웹사이트가 완성되어 있을 것이고 유연한 확장성과 효율적인 생산성의 장점을 온몸으로 느낄 수 있을 것입니다.
지면을 빌려, 개발뿐만 아니라 인생의 영감을 불어넣어 주신 허태명 책임님, 현수명 책임님께 감사의 인사를 전하며, 특히 번역 리뷰를 비롯해 사소한 요청에도 최선을 다해준 장준호 님에게도 감사함을 표합니다. 부족한 저와 함께 책의 출간을 위해 많은 노력을 해주신 에이콘출판사 직원분들께 감사드리며 마지막으로 번역 작업을 진행하는 동안 퇴근하고도 가족과 함께 시간을 보내지 못함을 이해해주고 어려운 시간을 함께 노력해준 왕지은 님께 무한한 감사의 마음을 전합니다.

이경래

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