AngularJS 활용편 MVC 패턴을 구현하는 자바스크립트 프레임워크

브래드 그린 지음

한빛미디어 2013년 09월 13일 출간

작품소개

책소개

구글이 만들면 다르다! 코드 생산성 극대화를 위한 자바스크립트 프레임워크

기존 웹 애플리케이션 개발 환경에서는 jQuery, Node.js, backbone.js 등 자바스크립트 기반의 프레임워크를 사용하고 있는데, 프로젝트마다 일관성이 없어 소스 코드의 가시성, 보안성, 유지보수 등에 문제가 있다. AngularJS는 MVC 패턴을 적용한 자바스크립트 프레임워크로 애플리케이션을 쉽고 빠르게 개발할 수 있을 뿐만 아니라, 지시어로 자신만의 태그와 속성을 만들어 HTML을 확장할 수 있으며 모듈화하기 쉽고 유지보수하기도 좋다.

모든 프레임워크가 그렇듯 AngularJS 역시 완벽할 순 없지만, 사소한 단점에 비해 얻을 수 있는 것이 많다. 구글의 AngularJS를 선택하면 좋은 이유는 다음과 같다.

양방향 데이터 바인딩이 가능하다 AngularJS로 개발한 애플리케이션은 클라이언트에서 서버로 보낸 변경 사항뿐만 아니라 서버에서 클라이언트로 보낸 변경 사항도 실시간으로 감지한다. 즉, 감시, 리스너, 캡처 기능을 통해 개발한 코드가 실행되고 모델을 조작한 후 발생하는 변경사항을 감시한다.
모델, 뷰, 컨트롤러, 서비스 등 여러 구성요소로 분리된다 지시어, 필터, 모듈 등의 추상 객체를 이용해 소스 코드 균형을 맞출 수 있다. 이를 통해 복잡도의 감소와 관심사의 분리라는 두 마리 토끼를 얻을 수 있다.
편리하고 친숙한 디자인 패턴이 많다 MVC나 종속물 주입 같은 유명한 패턴 외에도 종속물 관리 같은 패턴이 다수 들어 있어서 체계적으로 개발할 수 있다.
테스트용 코드를 쉽게 작성할 수 있다 이 책 뿐만 아니라 AngularJS 공식 온라인 강좌 페이지에도 Jasmine 문법을 사용한 단위 테스트와 클라이언트/서버 테스트를 코드로 작성하는 방법이 예시되어 있다.

목차

들어가기 전에 | 필수 용어와 개념 정리
종속물 주입(Dependency Injection)
이 책에서 '종속물 주입'이라는 용어를 사용한 이유
프라미스 인터페이스와 $q 서비스 객체

1장. 서버와 통신하기
1.1 $http 서비스를 사용한 통신
1.2 단위 테스트 실시
1.3 REST 기반의 리소스 사용하기
1.4 $q와 프라미스
1.5 응답 가로채기
1.6 보안 고려사항

2장 지시어
2.1 지시어와 HTML 유효성 검사
2.2 API 개요
2.3 정리

3장 그 밖의 사안
3.1 $location
3.2 AngularJS 모듈 메소드
3.3 $on, $emit, $broadcast를 사용하여 스코프 간 통신하기
3.4 쿠키
3.5 국제화와 지역화
3.6 HTML 안전화와 Sanitize 모듈

4장 총정리와 레시피
4.1 jQuery의 Datepicker를 캡슐화하기
4.2 팀 목록 애플리케이션(필터링과 컨트롤러 통신)
4.3 AngularJS로 파일 올리기
4.4 Socket.IO 사용하기
4.5 간단한 페이지 구분 서비스
4.6 서버를 이용한 작업과 로그인
4.7 맺음말

출판사 서평

"코드가 줄었어요! 구글의 AngularJS
팀을 이루어 6개월간 작성한 17,000줄의 소스 코드를 단 한 사람이 3주 만에 1/10도 안 되는 1,500줄에 재현하는 것을 보고, 이 도서의 저자는 AngularJS를 시작하게 되었다. AngularJS는 배워보고 싶은 자바스크립트 프레임워크임에 틀림없다.

이 도서는 AngularJS 시리즈의 <활용편>으로 AngularJS를 어느 정도 알고 있는 독자를 대상으로 한다. 『AngularJS 기초편』(한빛미디어)를 학습했다면, <활용편>을 더욱 쉽게 이해할 수 있다. <활용편>에서는 서버와 통신하는 방법과 지시어 활용 방법, 유효성 검사, 국제화, 캡슐화 등 AngularJS를 활용하는 데 필요한 방법들을 배운다.
AngularJS 내장 지시어를 사용해서 HTML에 선언 문법을 추가하는 방법을 배운다.
서버와 통신하고 $http 서비스를 사용해 간단한 캐시 기능을 구현해본다.
웹 애플리케이션을 개발할 때 흔히 접하는 문제점을 알아본다. "

작가정보

저자(글) 브래드 그린

저자 브래드 그린는 구글 AngularJS 프로젝트 팀에서 엔지니어 관리자를 맡고 있으며, 접근성과 지원 공학을 총괄 감독한다. 구글에 입사하기 전에는 인터넷 기업을 만들어 팔던 AvantGo 사에서 초창기 모바일 웹 개발자로 근무하다가, 출장요식업에 뛰어들어 고단한 몇 년을 보냈다. 대학을 졸업하고 NeXT Computer 사에서 스티브 잡스 밑에서 데모 소프트웨어를 만들고 잡스의 슬라이드 프레젠테이션을 디자인했던 것이 브래드의 첫 직장 경험이다. 브래드는 아내와 두 자녀를 데리고 캘리포니아 주 마운틴 뷰에 살고 있다.


저자 : 샤이엄 세샤드리
Fundoo Solutions 사의 사주이자 CEO다. AngularJS에 관해 컨설팅하고 워크숍을 개최한다. 인도 시장을 겨냥한 혁신적 제품 개발에 주력하며, AngularJS를 주제로 한 워크숍을 운영하고 컨설팅한다. Fundoo Solutions 사를 창립하기 전에는 하이데라바드에 있는 명문 Indian School of Business에서 MBA 과정을 마쳤다. 샤이엄은 대학 졸업 후 첫 직업으로 구글에서 다수의 프로젝트를 진행했다. 그중에는 AngularJS가 처음으로 사용된 구글 피드백(Google Feedback) 프로젝트도 있다. 그리고 다양한 내부 도구도 제작했다. 현재는 인도 나비뭄바이에서 회사를 운영하고 있다.


역자 : 김지원
웹 기술뿐 아니라 온갖 분야에 발을 뻗고 싶어하는 바람기를 지녔지만, 배워야 할 것이 갈수록 늘어나 시간이 부족함을 안타깝게 여기고 있는 번역자다. 기술 문서, 매뉴얼, 유비쿼터스 관련 논문을 번역한 바 있고 해외 논문 DB를 구축 관련 작업에도 참여했다. 『한 권으로 끝내는 정규표현식』(2010), 『웹 표준 가이드: HTML5+CSS3』(2010), 『프로젝트로 배우는 HTML5+자바스크립트』(2012), 『리팩토링』(2012), 『엘리멘틀 디자인 패턴』(2013, 이상 한빛미디어) 등을 번역했다.