AngularJS(이하, 앵귤러) 기반의 싱글 페이지 웹 애플리케이션 개발에 대한 책을 집필하고 있다. 책안에 들어갈 내용을 위해 참조한 내역을 정리해 보고자 한다. 요즘 가장 큰 화두는 다양한 프론트 앤드 프레임워크가 나옴에 따라 프론트 앤드 개발에도 아키텍팅이 필요하다는 것이다. 프론트 앤드에서는 SPA(Single Page Application 이하, 싱글 페이지 웹 애플리케이션)가 앵귤러 프레임워크 기반으로 많이 소개 되고 있다. 싱글 페이지 웹 애플리케이션 접근 방식은 JSP, PHP같은 서버 템플릿이나 스프링 프레임워크에 익숙한 개발자에게는 생소한 개념이다.
싱글 페이지 웹 애플리케이션(SPA)은 "싱글 페이지 웹" 글자만 빼면 그냥 애플리케이션이다. 윈도우에 설치해서 사용하는 .exe 애플리케이션 개발 방식과 하등 차이가 없고 보여지는 기반이 브라우저안이라는 것 밖에 없다. 몇년전 리치 인터넷 애플리케이션(RIA)를 이끌었던 플랙스(Flex)를 떠올려도 좋다. 하지만 지금은 모바일과 웹의 시대이니 HTML/CSS/JavaScript 만으로도 충분히 애플리케이션을 만들 수 있어야 한다.
앵귤러는 애플리케이션을 만드는 프레임워크이다. 스프링 MVC 패턴의 개발을 했다면 앵귤러에서도 그렇게 할 수 있다. 스프링 의존성 주입의 편리함을 누리고 있다면 앵귤러에서도 그렇게 할 수 있다. 이제 웹의 세상에 맞는 애플리케이션 개발자로 거듭나 보자.
목차
1장. 싱글 페이지 애플리케이션 개발 준비
+ 1-1 개발 도구 준비
+ 1-2 싱글 페이지 애플리케이션 생성
+ 1-3 애플리케이션 컴포넌트 생성
+ 1-4 애플리케이션 테스트 및 빌드빌드
2장. AngularJS 프레임웍 이해
+ 2-1 MV* 프레임웍
+ 2-2 양방향 데이터 바인딩
+ 2-3 의존성 주입
+ 2-4 클라이언트 템플릿
+ 2-5 지시자 (Directive)
+ 2-6 테스트 프레임웍
3장. 싱글 페이지 애플리케이션 기획 및 생성
+ 3-1 애플리케이션 기획
+ 3-2 애플리케이션 제너레이터 생성
+ 3-3 싱글 페이지 애플리케이션 생성
+ 3-4 단위 업무를 위한 앵귤러 컴포넌트 조합
4장. 애플리케이션을 위한 공통 프레임웍 개발
+ 4-1 공통 프레임웍 모듈 개발
+ 4-2 로그인 프론트앤드 개발
+ 4-3 OAuth를 이용한 인증 처리
5장. 메인 페이지 개발
+ 5-1 백앤드 API 개발
+ 5-2 프론트앤드 화면 레이아웃
+ 5-3 그룹 목록 및 정보 표현
6장. 그룹 페이지 개발
+ 6-1 그룹 정보 페이지
+ 6-2 그룹 활동 페이지
+ 6-3 설문 카드 생성
+ 6-4 설문 카드 목록에 표현
+ 6-5 설문 응답 및 결과 표현
7장. 실시간 반응 개발
+ 7-1 Socket.IO 기반 실시간 연동
+ 7-2 카드 표현 고도화
+ 7-3 AngularJS 성능 옵션
총 7개의 목차 중에서 1, 2장을 출판사의 양해를 얻어 공개토록 한다.
'AngularJS' 카테고리의 다른 글
| [AngularJS SPA] "실전 프로젝트로 배우는 AngularJS" 출간 회고 (4) | 2015.10.22 |
|---|