자바스크립트 이해와 AngularJS 활용(MVC 패턴 웹 사이트 개발을 위한)(반양장)

자바스크립트를 이해하고 MVC 패턴을 적용하여 앞선 웹 애플리케이션을 만들자!

프로그래밍 언어로서 자바스크립트는 사람에 따라서 호불호가 극명하게 갈리는 특이한 언어일 것입니다. 또한, 지난 십 년이 넘는 시간 동안 위상이 가장 많이 바뀐 언어이기도 합니다. 그러므로 자바스크립트를 이해하려면 이러한 호불호가 생기는 원인이 무엇이고, 그 상황을 이해할 필요가 있다고 생각합니다. 이 책이 자바스크립트를 더 깊게 이해하는 데 도움이 되었으면 합니다.



아울러 이러한 자바스크립트에 대한 이해를 바탕으로 웹 애플리케이션에 MVC 아키텍처를 적용할 수 있는 오픈소스 자바스크립트 프레임워크인 AngularJS에 대해 살펴봅니다. 웹 애플리케이션에 MVC를 적용하면 개발과 테스트가 쉬워집니다. 이와 함께 싱글 페이지 애플리케이션 작성 방법 등 AngularJS가 제공하는 다양한 기능을 알아봅시다.

Part 1 자바스크립트 이해



Chapter 01 키워드로 살펴보는 자바스크립트

1. 자바스크립트와 관련된 키워드들

1.1 프로그래밍 언어 자바스크립트

1.2 웹 제작 도구로서의 자바스크립트

1.3 패러다임의 변화로 보는 자바스크립트

2. 서버 측 자바스크립트, 클라이언트 측 자바스크립트, 그리고 자바스크립트 엔진



Chapter 02 자바스크립트의 REPL 환경과 개발자 도구

1. 브라우저의 개발자 도구

2. 자바스크립트 편집기와 웹 서버

2.1 압타나의 프로젝트 설정과 실행

2.2 클라우드 환경의 자바스크립트도구



Chapater 03 자바스크립트의 언어적인 특징

1. 자바스크립트의 성격

2. 변수에 대한 차이

2.1 기본 자료형과 참조 자료형

2.2 변수의 범위

3. 객체에 대한 개념

3.1 객체란 메모리를 차지하는 모든 것

3.2 함수도 객체

4. 연산자에 대한 차이

4.1 동등 연산자와 일치 연산자

4.2 in 연산자

4.3 온점(.)과 대괄호([ ]) 연산자



Chapter 04 function 객체

1. 함수의 선언과 변수의 해석

1.1 함수의 선언 방식

1.2 arguments 객체의 특별함

1.3 함수 내에서의 호이스팅

2. 함수 실행의 조력자들: 스코프 체인, 전역 객체, 활성화 객체

2.1 스코프 체인

2.2 함수의 실행 중 메모리

3. 클로저와 함수들의 상태 문제

3.1 전역 변수의 문제점

3.2 함수의 상태를 유지하는 클로저

3.3 클로저를 사용하는 방법

3.4 클로저와 메모리

3.5 클로저는 바깥쪽 대상을 참조



Chapter 05 객체, 클래스, 프로토타입

1. 객체 개념과 생성 방식

1.1 키와 값의 자료구조: 객체

1.2 간편한 객체 리터럴 방식

1.3 반복적인 객체 생성을 위한 생성자 함수의 활용 방법

1.4 Object.create( ) 방식의 객체 생성

2. 함수와 프로토타입 방식의 객체 생성

2.1 프로토타입 체인 __proto__

2.2 __proto__는 객체의 참조용 링크

2.3 this 키워드의 의미

2.4 함수의 prototype 속성

2.5 생성자 함수와 new 키워드의 관계

2.6 Object.create( )와 프로토타입 객체



Chapter 06 객체 지향 프로그래밍을 위한 준비

1. 메서드와 클래스 메서드

1.1 객체의 메서드 추가 방법

1.2 메서드와 함수의 전환

2. 접근 제한 기능과 모듈 패턴

2.1 모듈 패턴

3. 객체의 자료형 평가

4. 객체 상속

4.1 부모 객체를 공유하는 방법

4.2 부모의 생성자 함수를 빌려 사용하는 방법

4.3 프로토타입 공유 방식



Chapter 07 이벤트

1. 이벤트라는 개입

1.1 자바스크립트의 이벤트 처리 객체

2. 개발자가 작성하는 이벤트

2.1 사용자 정의 이벤트 생성

2.2 이벤트 발생과 전달의 순서

2.3 발생한 이벤트에 데이터 추가하기

2.4 이벤트 전달과 의존성의 문제

3. 이벤트 기반의 발행자/구독자 패턴

4. 모델 객체와 데이터 처리

4.1 MVC 구조와 Model2 방식

4.2 자바스크립트에서의 모델

5. 비동기화된 처리, 실시간 데이터의 문제

5.1 2-way 데이터 바인딩

5.2 프락시 패턴의 활용

5.3 간단한 메모장 프로그램 적용





Part 2 AngularJS 활용



Chapter 08 AngularJS의 소개

1. AngularJS의 성격

1.1 템플릿 기반의 처리 엔진

1.2 2-way 데이터 바인딩 도구

1.3 구조 설계를 위한 프레임워크

1.4 Single Page App(SPA)을 위한 도구

2. AngularJS를 이용한 개발 준비

2.1 WebStorm IDE와 AngularJS

2.2 WebStorm 프로젝트의 생성과 실행

2.3 Batarang 크롬 앱 설치

3. AngularJS의 Hello AngularJS

4. Hello AngularJS의 실행 과정

4.1 부트스트랩(AngularJS의 시작)

4.2 AngularJS의 용어

5. 의존성 주입과 2-way 데이터 바인딩



Chapter 09 모듈, 컨트롤러와 스코프($scope)

1. 모듈 선언

1.1 모듈과 $rootScope

2. $scope와 컨트롤러

2.1 데이터를 전달하는 중간 모델로서의 $scope

2.2 범위로서의 $scope

3. 컨트롤러의 선언법

3.1 컨트롤러의 사용지침



Chapter 10 지시자와 표현식

1. 표현식

1.1 표현식의 특징들

2. 지시자

2.1 컨트롤러와 2-way 데이터 바인딩의 ngModel 지시자

2.2 직접 출력을 위한 ngBind 지시자

2.3 상황에 따른 표현

2.4 루프 처리를 위한 ngRepeat 지시자

2.5 DOM 이벤트 처리

2.6 filters를 이용한 필터링

2.7 사용자 정의 필터 작성법



Chapter 11 AngularJS의 서비스

1. 서비스 객체의 등록

1.1 factory( ) 방식

1.2 service( ) 방식

1.3 provider( ) 방식

2. $http 서비스

2.1 $http 서비스 활용 방식

2.2 $http 서비스와 서비스-컨트롤러의 연결 작업 문제

3. 축약형 $http 서비스 기능들

3.1 JSONP 방식의 호출

4. $q와 Promise 처리

4.1 $q 활용 방식

4.2 $q.all( )을 이용한 다중 Promise 처리

5. $timeout 서비스와 $log 서비스

5.1 $log 서비스와 로그 처리

6. MongoLab과 $resource 서비스

6.1 MongoLab 회원가입과 DB 생성

6.2 MongoDB와 기본 용어들

6.3 MongoLab API 키 확인과 테스트

6.4 $resource를 이용한 REST 서비스 호출: ngResource



Chapter 12 ngRoute 모듈과 페이지 내비게이션

1. ngRoute 모듈을 이용한 페이지 내비게이션

1.1 ngRoute를 이용한 경로 설정

2. $route의 속성

2.1 각 페이지별 컨트롤러 적용하기

2.2 resolve( )를 이용한 데이터 전달

2.3 $routeParams를 이용하는 파라미터 추출

2.4 $location 서비스

2.5 $locationProvider

3. ngAnimate 모듈을 이용한 페이지 전환 효과

3.1 CSS3의 애니메이션

4. ngAnimate의 적용 원리

4.1 ngAnimate의 ng-enter, ng-leave

4.2 뷰 전환 시 슬라이드 효과 만들기



Chapter 13 AngularJS의 내부에 대한 이해

1. AngularJS의 컨텍스트와 $digest( ), $apply( )와 $watch( )

2. 컨트롤러 간의 이벤트 데이터 전달



Chapter 14 사용자 정의 지시자

1. 모듈에 추가되는 사용자 정의 지시자

2. 격리된 $scope

3. 컴파일과 링킹

강요천 저자 강요천은 프로그래밍을 즐기는 중년을 꿈꾸는 개발자. 2000년부터 시작해서 10년 넘게 솔루션, SI, SM, 컨설팅, 세미나, 강의, 집필 등 다양한 활동을 하고 있다. 결국, 개발은 인문학에 가깝고 기술은 수단이라는 것을 잊지 않으려고 노력한다. 최근 몇 년간은 강의와 세미나 활동을 주고 하고 있고, IT 교육에 대한 관심이 많다. 저서로 "객체중심 Java" (프리렉), "모바일 웹" (프리렉)이 있다. 공개 SW 개발자 대회의 멘토이며 현재 OLC SW 교육 자문 위원, 비트교육센터 교수로 활동 중이다.