한빛출판네트워크

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

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

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

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

이제 AngularJS를 사용하고 싶지 않은가? 이 도서는 AngularJS 가이드로서 AngularJS이 무엇인지, 어떻게 활용하는지 제대로 알려준다. AngularJS는 시리즈 도서로 <기초편>과 <활용편>으로 구성되어 있다. <기초편>에서는 프레임워크의 구조와 MVC 패턴을 위한 단위 테스트 방법, 서버와의 통신 방법 등을 자세히 설명한다. <활용편>에서는 AngularJS 프레임워크의 주요 기능을 설명하고 AngularJS 애플리케이션 제작 예제를 통해 레이아웃에서부터 테스트, 컴파일, 디버깅까지 전반적인 과정을 보여준다. 

대상 독자

• 규모 있는 웹 애플리케이션 프로젝트의 실무 개발자
• 프레임워크 기반으로 자바스크립트에 익숙해지려는 웹 퍼블리셔
• jQuery 입문 이상으로 나아가려는 자바스크립트 개발자

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

이 도서는 AngularJS 시리즈의 <기초편>으로 AngularJS 프레임워크를 알아보고 AngularJS 애플리케이션의 특징과 유용한 기능들을 알아본다. 또한, MVC 패턴을 위한 단위 테스트 방법과 서버와 통신방법 등 AngularJS를 이해하기 위해 꼭 필요한 것들을 자세히 설명한다. 이를 통해서 AngularJS를 사용해 웹 애플리케이션의 복잡도를 줄일 수 있을 것이다. 이 도서를 통해서 다음과 같은 내용을 배울 수 있다. 

• MVC를 이용해 로직, 데이터, 표현을 각각 분리해서 유연성을 최대로 높인다. 
• 클라이언트 측 템플릿을 사용해서 웹 브라우저 안에 완전한 애플리케이션을 조립해낸다.
• AngularJS 내장 지시어를 사용해서 HTML에 선언 문법을 추가한다.

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

1장 AngularJS 이해하기

1.1 AngularJS를 이해하는 데 필요한 각종 개념

1.2 장바구니 예제

1.3 나머지 장에서 다룰 내용

2장 AngularJS 애플리케이션 해부

2.1 Angular 호출

2.2 모델 뷰 컨트롤러

2.3 템플릿과 데이터 바인딩

2.4 모듈을 사용해 종속물 체계화하기

2.5 필터를 사용해 데이터를 형식화하기

2.6 라우트 서비스와 $location을 사용해 뷰를 변경하기

2.7 서버와 통신하기

2.8 지시어로 DOM 수정하기

2.9 사용자 입력이 올바른지 검사하기

2.10 다음 장에서 배울 내용

3장 AngularJS 프레임워크로 개발하기

3.1 프로젝트의 구성

3.2 작성한 애플리케이션 실행하기

3.3 AngularJS로 테스트하기

3.4 단위 테스트

3.5 종단간 테스트와 통합 테스트

3.6 컴파일

3.7 그 밖의 유용한 도구

3.8 개발 흐름을 최적화하는 도구 Yeoman

3.9 AngularJS와 RequireJS를 통합하기

4장 AngularJS 애플리케이션 분석하기

4.1 애플리케이션

4.2 모델, 컨트롤러, 템플릿의 관계

4.3 모델

4.4 서비스, 지시어, 컨트롤러

4.5 템플릿

4.6 테스트