장바구니 담기 close

장바구니에 상품을 담았습니다.

AngularJS 웹 애플리케이션 개발 블루프린트

AngularJS 웹 애플리케이션 개발 블루프린트 최소한의 코드로 완벽하게 동작하는 애플리케이션 만들기

  • 빈치 루퍼스 지음 | 조승진 옮김
  • |
  • 에이콘출판
  • |
  • 2016-06-30 출간
  • |
  • 328페이지
  • |
  • 188 X 235 mm
  • |
  • ISBN 9788960778771
★★★★★ 평점(10/10) | 리뷰(1)
판매가

25,000원

즉시할인가

24,750

배송비

2,300원

(제주/도서산간 배송 추가비용:3,000원)

수량
+ -
총주문금액
24,750

※ 스프링제본 상품은 반품/교환/환불이 불가능하므로 신중하게 선택하여 주시기 바랍니다.

목차

1장. AngularJS와 싱글 페이지 애플리케이션 소개
__싱글 페이지 애플리케이션 파헤치기
__간단한 AngularJS 앱의 구성
__모델과 뷰
__주소록 앱 개발하기
____AngularJS에서 스코프 이해하기
__앱에 스타일 넣기
____연락처 정렬하기
__주소록에 연락처 추가하기
____ng-show와 ng-hide 지시자
__요약

2장. 개발 환경 점검
__Node.js 설정
____ExpressJS와 간단한 Node.js 웹 서버 생성
__그런트 설정
____그런트 명령어 입력기 설치
____package.json 파일 생성
____그런트 태스크 생성
____여러 파일들의 병합과 연결
____그런트로 셸 명령어 실행
__요맨: 워크플로우 도구
____요맨 설치
____앱 구동
__카르마로 단위 테스트
__프로트랙터를 사용해 종단 간 테스트하기
____셀레니움 서버 설치
____example_spec.js 파일 분석
____conf.js 파일 분석
____프로트랙터 테스트 케이스 작성
__요약

3장. AngularJS로 빠르게 프로토타입 만들기
__프로토타입으로 만들 애플리케이션의 이해
__그리드 레이아웃과 부트스트랩 소개
__그리드 시스템 이해하기
__Angular UI 소개
____UI-Utils
____UI-Modules
____UI-Bootstrap
____NG-Grid
____UI-Router
____IDE 플러그인
__‘건강한 삶’ 사이트의 프로토타입 제작
____ui.bootstrap 의존성 추가
____내비게이션 바 만들기
____캐로설 추가
____히어로 유닛 수정
____내용 블록 세 개 추가
____새로운 뷰 생성
____경로 이해하기
____기사 목록을 위한 뷰 작성
____Angular 부트스트랩을 사용한 아코디언 뷰
____이미지 갤러리 구축
____부트스트랩 섬네일을 이용한 갤러리 뷰
____별점 평가 추가
____NG-Grid를 이용한 데이터 그리드 작성
____NG-Grid 컴포넌트 추가
____NG-Grid에서 그룹핑
____NG-Grid에서 엑셀 스타일로 편집
____구독자 추가를 위한 모달 창 구현
____실시간 입력 양식 검사
__요약

4장. AngularJS 앱에 REST 적용하기
__REST API의 응답 이해하기
____RESTful 웹 서비스 테스트
__Angular 시드로 앱 개발 끌어올리기
____Angular 시드의 파일과 폴더
____부트스트랩 라이브러리 추가
____노드 웹 서버 구동
__레아아웃 꾸미기
__경로 생성
__AngularJS 서비스에 대한 이해
__첫 번째 팩토리 서비스 작성
____의존성 주입
____파셜 작성
____$http를 사용한 REST 웹 서비스 호출
__비동기 호출을 위해 지연된 응답 사용
__JSON 응답을 표시하기
__예제 애플리케이션 단위 테스트
__단위 테스트 중 $http 모킹하기
__핀터레스트 스타일 레이아웃 생성
__버튼에 액션 추가
__요약

5장. 페이스북 친구 생일 알림이 앱 만들기
__페이스북 SDK의 이해
____소셜 그래프
____그래프 API
____그래프 API 탐색기
____페이스북 앱 생성
__예제 애플리케이션 설정
____예제 애플리케이션 실행
__AngularJS 지시자 자세히 알기
____지시자란?
____지시자 작명의 중요성
____지시자 분석
____첫 번째 지시자 작성하기
__페이스북을 통한 로그인 추가
____fb-root div 태그 추가하기
____페이스북 SDK 로딩
____$watch와 $digest 이해하기
____언제 $apply를 적용하는가
__사용자의 친구 목록 가져오기
__친구들의 프로필 사진과 생일 가져오기
____FB.login으로 추가 권한 요청하기
____격리된 스코프 이해하기
__몇몇 CSS 스타일 추가하기
____경로 파일 수정
__로그아웃 링크 추가
__자동화된 테스트 작성
____카르마로 단위 테스트 작성
____프로트랙터를 사용한 연동 테스트
__요약

6장. 비용 관리 모바일 앱 만들기
__HTML 5 웹 스토리지 이해하기
____지역 저장소
____세션 저장소
__비용 관리 모바일 앱 만들기
__비용 추가 양식 생성
____$rootScope는 무엇인가?
____.run 블록의 이해
____카테고리 리스트 저장을 위한 서비스 생성
____비용 추가 양식 검증하기
____지역 저장소를 사용해 데이터 저장
__D3를 이용한 막대 차트 지시자 생성
__카테고리별 비용 요약하기
____전용 막대 차트 지시자 생성하기
__반응형 앱 만들기
____CSS 미디어 쿼리 추가
____윈도우 크기에 따른 D3 차트 크기 변경
__터치 이벤트 추가
____ngTouch를 사용해 밀어 넘기기 활성화
__ngAnimate를 이용한 페이지 전환
____ngAnimate 모듈 불러오기
____CSS3 전환 효과 추가
__앱을 네이티브 앱처럼 꾸미기
____터치 아이콘 추가
____전체 화면에서 앱 실행
__부가 기능 추가
__요약

7장. MEAN 스택을 이용한 CMS 개발
__MEAN 스택을 사용하는 이유
__MEAN 스택 시작하기
____몽고DB 설정
____ExpressJS와 MongooseJS 설정
__서버 애플리케이션 개발
____몽구스 스키마 생성
____CRUD를 위한 경로 생성
____컬렉션에 새 항목 추가하기
____컬렉션 수정
____컬렉션 삭제
____단일 항목 보여주기
__관리자 페이지 보호하기
____bcrypt를 이용한 패스워드 암호화
____신규 관리자 계정 생성
____인증을 위한 로그인 경로 생성
____로그아웃 경로 생성
____세션 검사 미들웨어 개발
__AngularJS와 ExpressJS 프로젝트 연동
__HTML5 모드를 사용해 SEO에 최적화된 URL 생성
__CRUD 연산을 위한 관리자 페이지 생성
____관리자 영역을 위한 경로 생성
____팩토리 서비스 작성
____관리자 영역을 위한 컨트롤러 작성
____관리자 페이지 레이아웃 설정
____관리자 영역의 리스트 뷰 작성
____AngularJS에서 인증 설정하기
____로그인 페이지 작성
__알림을 위한 자체 모듈 작성
____messeage.flash 모듈 작성 및 초기화
____message.flash 팩토리 서비스 작성
____$broadcasts 설정
____message.flash 모듈을 위한 지시자 작성
____알림 메시지 설정
____페이지 추가, 변경을 위한 컨트롤러 작성
____추가-수정 뷰 작성
____URL 필드를 자동으로 생성하는 자체 필터 작성
____위지윅 편집기 추가
__응답을 탐지하기 위한 인터셉터 설정
__CMS의 프론트엔드 구현
____내비게이션 바 지시자 생성
____admin-login 지시자 생성하기
__페이지 내용 출력하기
____기본 홈페이지 설정
__요약

8장. 아마존 AWS에 배포하기 위한 확장 가능한 아키텍처
__AWS의 다양한 서비스 이해
__AWS 배포 아키텍처 깊이 알아보기
____EC2 서버 기반 아키텍처
____서버가 없는 아키텍처
__AWS의 서버 없는 아키텍처에 앱 배포하기
____도메인과 S3 연결하기
____S3 버킷을 클라우드프론트를 통해 제공하도록 설정하기
__상용 서비스 배포를 위해 앱 설정하기
____앱의 페이지 로드 시간 단축
____헤더에 만료 기간 설정
__성능
__요약

9장. 전자상거래 사이트 구축
__서비스로의 백엔드
__AWS에 BaaS 플랫폼 구축
____공개적으로 접근 가능한 S3 버킷 설정
____S3 버킷에 CORS 정책 설정
____다이나모DB 테이블 생성
____IAM 역할 생성
__자신만의 전자상거래 사이트 구축하기
____UI-라우터를 사용해 중첩된 뷰 구현
____상태들을 URL, 뷰, 컨트롤러에 맵핑
__애플리케이션 프로토타입 생성
____index.html 파일 설정하기
____컨트롤러 생성
____상품 파셜 생성
____뷰 전환에 애니메이션 추가
____CSS 전환 효과 추가
__애플리케이션 레벨의 컨트롤러 생성
____페이스북 로그인 추가
__AWS 자바스크립트 SDK와 연동
____AWS 서비스 프로바이더 생성
__상품 추가 페이지 개발
____다이나모DB 테이블에 데이터 저장
____상품 추가 양식을 위한 뷰 생성
____상품 추가 뷰를 위한 컨트롤러 생성
____S3에 이미지 업로드
____카테고리로 상품 목록 가져오기
____리졸브를 사용해 데이터를 미리 로드하기
__상품 상세 페이지 생성
____장바구니에 상품 담기
____결제 페이지 생성
____주문 저장
__요약

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에 바로 이미지를 업로드하는지도 설명한다.

교환 및 환불안내

도서교환 및 환불
  • ㆍ배송기간은 평일 기준 1~3일 정도 소요됩니다.(스프링 분철은 1일 정도 시간이 더 소요됩니다.)
  • ㆍ상품불량 및 오배송등의 이유로 반품하실 경우, 반품배송비는 무료입니다.
  • ㆍ고객님의 변심에 의한 반품,환불,교환시 택배비는 본인 부담입니다.
  • ㆍ상담원과의 상담없이 교환 및 반품으로 반송된 물품은 책임지지 않습니다.
  • ㆍ이미 발송된 상품의 취소 및 반품, 교환요청시 배송비가 발생할 수 있습니다.
  • ㆍ반품신청시 반송된 상품의 수령후 환불처리됩니다.(카드사 사정에 따라 카드취소는 시일이 3~5일이 소요될 수 있습니다.)
  • ㆍ주문하신 상품의 반품,교환은 상품수령일로 부터 7일이내에 신청하실 수 있습니다.
  • ㆍ상품이 훼손된 경우 반품 및 교환,환불이 불가능합니다.
  • ㆍ반품/교환시 고객님 귀책사유로 인해 수거가 지연될 경우에는 반품이 제한될 수 있습니다.
  • ㆍ스프링제본 상품은 교환 및 환불이 불가능 합니다.
  • ㆍ군부대(사서함) 및 해외배송은 불가능합니다.
  • ㆍ오후 3시 이후 상담원과 통화되지 않은 취소건에 대해서는 고객 반품비용이 발생할 수 있습니다.
반품안내
  • 마이페이지 > 나의상담 > 1 : 1 문의하기 게시판 또는 고객센터 1800-7327
교환/반품주소
  • 경기도 파주시 문발로 211 1층 / (주)북채널 / 전화 : 1800-7327
  • 택배안내 : CJ대한통운(1588-1255)
  • 고객님 변심으로 인한 교환 또는 반품시 왕복 배송비 5,000원을 부담하셔야 하며, 제품 불량 또는 오 배송시에는 전액을 당사에서부담 합니다.