지금부터는 웹 페이지가 아니라 웹 애플리케이션이다. 현재 자바스크립트 춘추전국 시대 같은 상황에서 AngularJS는 선택에 대한 별다른 고민 없이 개발자들에게 지금까지의 웹 개발에서 많이 누려보지 못한 장점들을 제공한다. DOM과의 데이터 바인딩, 의존성 주입을 제공하고 테스트하기 쉬운 코드를 작성할 수 있게 하며 다양한 지시자를 통한 선언적 프로그래밍도 지원한다. 이 책은 다양한 예제를 통해서 AngularJS처럼 생각하는 방법을 길러준다.

■ AngularJS와 싱글 페이지 애플리케이션의 핵심 요소에 대한 이해도 향상

■ 전자상거래, 콘텐츠 관리 시스템(CMS), SNS 앱, 모바일 웹앱 등과 같은 다양한 영역을 아우르는 완전하고 전문적인 애플리케이션 개발

■ REST 웹 서비스, 페이스북 API와의 연동

■ 지시자 사용법과 자신만의 지시자 작성법

■ AngularJS 앱을 통한 이미지 업로드 및 데이터베이스 접근 방법

■ 확장 가능한 AWS 아키텍처에 앱 배포

■ 빠르게 상호작용하는 프로토타입을 생성 후 애플리케이션의 룩앤필 이해

■ 페이지 로딩 시간 단축 및 상용 서비스 배포

이 책은 주로 디자이너나 개발자 등의 전문가를 대상으로 한다. 다행히도 AngularJS는 디자이너와 개발자들이 서로를 프론트엔드나 백엔드 개발자로 나누지 않고 협업할 수 있는 프레임워크로 변화하고 있다.
이 책은 독자가 기본적인 CSS나 HTML, 자바스크립트에 대해서는 이해하고 있다고 가정한다. 이식 가능하며 확장할 수 있고, 테스트가 쉽고 아름다운 코드를 짜야 하는 필요성도 이해하고 있어야 한다. 책에서 다루는 주제들을 이해하기 위해 AngularJS나 다른 자바스크립트 프레임워크를 이해할 필요는 없다. 우리는 독자가 소개팅에서 AngularJS를 처음 만났다고 가정한다.
이 책은 AngularJS를 다루다 보면 자주 접하게 되는 기본 개념에 익숙하게 만드는 것부터 시작할 것이다. AngularJS가 어떻게 동작하는지 보여주고 더 잘 이해하기 위해 간단한 예제 코드를 만든 후 깔끔하고 이식 가능한 코드를 작성하는 것까지 나아갈 것이다.
또한 한 장을 할애해서 앱 개발 생산성을 높여주는 도구들과 플러그인의 설정 과정을 살펴볼 것이다.

1장, ‘AngularJS와 싱글 페이지 애플리케이션 소개’에서는 싱글 페이지 애플리케이션(SPA)의 개념에 대해 이야기하고 일반 웹앱과의 차이점을 알아본다. 간단한 주소록 애플리케이션을 작성하는 데 필요한 AngularJS의 기초 지식도 다룰 것이다.

2장, ‘개발 환경 점검’에서는 알맞은 개발 도구들을 가지는 것이 어떻게 큰 생산성을 내도록 돕는지 알아본다. 이런 도구들을 가지고 있다면 개발할 때 마치 자신이 프로가 된 기분을 느낄 수 있다. 이 장에서는 Node.js, Express.JS, 그런트(Grunt), 요맨(Yeoman), 카르마(Karma) 같은 툴에 대해 알아본다.

3장, ‘AngularJS로 빠르게 프로토타입 만들기’에서는 백엔드 작업을 시작하기 전에 애플리케이션이 어떤 룩앤필을 가지게 될지, 상호작용하는 프로토타입 애플리케이션을 만들게 해주는 AngularJS의 편리함에 대해 이야기한다.

4장, ‘AngularJS 앱에 REST 적용하기’에서는 팩토리와 $http 서비스를 이용해 어떻게 API 제공자의 REST 웹 서비스를 사용하는지 설명한다.

5장, ‘페이스북 친구 생일 알림이 앱 만들기’에서는 지시자(directive)들에 대해 설명하고 어떻게 페이스북 로그인 지시자를 만드는지 설명한다. 또한 자동화된 테스트를 만들어 모든 것이 잘 동작하는지도 확인할 것이다.

6장, ‘비용 관리 모바일 앱 만들기’에서는 반응형이면서 터치에 적절히 반응하는 앱을 개발하는 과정을 보여준다. 이 앱은 ngAnimate와 HTML5의 로컬스토리지(localStorage) 같은 기능을 사용한다.

7장, ‘MEAN 스택을 이용한 CMS 개발’에서는 어떻게 백엔드와 프론트엔드 전체 시스템을 설정해야 하는지, AngularJS가 어떻게 노드 서버 및 몽고DB와 상호작용하는지 등을 알아본다. 세션 관리 기능과 인터셉터에 대해서도 살펴볼 것이다.

8장, ‘아마존 AWS에 배포하기 위한 확장 가능한 아키텍처’에서는 AWS의 다양한 서비스에 대해 설명하고 태생적으로 확장 가능한 서버 없는(Server-less) 아키텍처에 어떻게 우리가 만든 앱을 배포하는지 알아본다.

9장, ‘전자상거래 사이트 구축’에서는 AWS의 다이나모DB에 직접적으로 데이터를 읽고 쓰는 방법을 보여주고, 우리의 자바스크립트 앱으로 어떻게 아마존 S3에 바로 이미지를 업로드하는지도 설명한다.

이 책은 AngularJS를 활용하는 방법과 최소한의 코드로 완벽하게 동작하는 애플리케이션을 즉석에서 작성하는 즐거움을 알려주기 위한 실용적인 입문서다.
이 책은 AngularJS의 기본에 대해 먼저 설명하고 AngularJS를 둘러싼 용어와 개념들에 편안해지도록 돕는다. 그다음 당신을 더욱 생산적으로 만들어줄 다양한 도구들과 프레임워크 워크플로우들을 소개한다. 공개적으로 사용할 수 있는 API를 이용해 SNS 앱을 개발하고, 반응형이며 모바일과 태블릿 환경에서 동작하는 개인 금융 애플리케이션도 개발한다.
이어서 풀 스택의 콘텐츠 관리 시스템(CMS)을 구현하는 방법과 클라우드 환경에서 전자상거래 애플리케이션을 만드는 방법을 알아본다. 또한 여러분의 애플리케이션을 상용 서버에 배포하기 위한 팁들도 제공한다.

빈치 루퍼스(Vinci Rufus)

14년 가까이 프론트엔드 기술자로 일해왔다. 플래시 액션스크립트(ActionScript)를 사용해 게임을 제작하는 것으로 개발 업계에 첫발을 내디딘 후 HTML5와 자바스크립트기술로 옮겨갔다. 근무 시간 외에는 워크숍을 열고 사람들을 훈련시키는 것을 즐긴다.
주로 상거래, 사용성, 신기술에 집중하는 레이저피시 니브(Razorfish Neev)에서 기술 팀들을 멘토링하고 가이드하는 일을 주 업무로 하고 있다.

최근 들어 정말 많은 자바스크립트 프레임워크가 쏟아져 나오고 있습니다. 클라우드 덕분에 가능해진 프로그래밍 인프라 스트럭처는 자바스크립트에 더 큰 책임을 요구하고 있습니다.
그 원인인지 결과인지 판단하기는 힘들지만, 자바Java나 C#처럼 엔터프라이즈 시스템을 구축할 때 주로 사용되는 언어나 그 환경들이 가지는 장점들이 유니버설 자바스크립트(Javascript) 또는 프론트엔드 개발에도 많이 적용되어야 합니다.
현재 시장에서 바늘과 실 같은 존재인 자바와 스프링을 배우기 시작할 때 배우게 되는 개념으로는 DI(Dependency Injection), SOC(Seperate of Concerns), TDD 등이 있습니다.
단순한 웹 페이지가 아니라 웹 애플리케이션을 개발하기 위해서는 이런 개념들을 이용해 결합도를 줄이고 응집도를 높여야 합니다. 그럼 자연히 높은 가독성과 유지 보수성을 얻게 됩니다. 바퀴를 발명하지 않는다는 원칙에 따라 자바스크립트를 이용한 큰 규모의 웹 애플리케이션 개발도 그런 개념들을 받아들일 수밖에 없겠죠.
이런 상황에서 자바스크립트는 모르고 jQeury만을 다루는 개발자라면 그 성장에는 한계가 있을 것입니다. 앞에서 말한 것과 같이 자바의 스프링과 같은 파트너가 자바스크립트에는 어떤 것이 있을까요? jQuery는 훌륭하지만 DOM을 직접 컨트롤하는 방식이 대규모 웹 애플리케이션을 작성하는 데 그다지 적합해 보이지 않습니다. 최근에 인기가 많은 리액트(React)는 러닝 커브가 높고 리액트 외에 부가적으로 동반되는 프레임워크들의 선택지가 다양해서 혼란에 빠지는 개발자들도 많습니다.
AngularJS는 앵귤러(Angular) 방식이라는 ‘정도(right way)’를 제공합니다. 개발자 입장에서는 자유도가 침해되는 것처럼 느껴질 수도 있지만, 개발자 수가 많아지거나 유지 보수를 생각할 때는 장점이 될 수도 있습니다. 초급 개발자라도 쉽게 따라 할 수 있고 울타리를 따라 개발하다 보면 자연스럽게 패턴을 몸에 익힐 수 있습니다. 테스트하기 쉬운 코드가 생성되는 것은 덤입니다.

조승진

프로그래밍을 즐겨하고 개발자 문화를 사랑하는 토종 개발자. 다양한 프로그래밍 언어와 프론트엔드 개발, 보안, 빅데이터에 관심이 많다. 개발자가 우대받는 이커머스 회사에서 재직 중이다.