본문내용 바로가기
MD의선택 이벤트 무료배송

실전 프로젝트로 배우는 AngularJS SPA 아키텍처 기반 구축하기

위키북스 오픈소스 & 웹 시리즈 71
윤영식 지음 | 위키북스 | 2015년 06월 17일 출간
  • 정가 : 27,000원
    판매가 : 24,300 [10%↓ 2,700원 할인]
  • 제휴할인가 : 18,220 교보-롯데카드 최대 25% 청구할인 카드/포인트 안내
  • 통합포인트 : 1,350 적립 [5% 적립]
  • 추가혜택 :
    naver네이버페이 결제 시 무조건 1% 추가 적립 payco페이코 결제 시 6,500원 할인 + 1만원 적립 okcashbag 실 결제 금액의 0.5% 적립 안내
  • 배송비 : 무료 배송비 안내
  • 도착예정일 : 서울특별시 종로구 세종대로 기준 지역변경
    당일배송 지금 주문하면 오늘(17일,목) 도착 예정 도착 예정일 안내
  • 바로드림 : 인터넷으로 주문하고 영업점에서 직접 수령 안내
8월 특별선물
닫기
  • 단독 유시민 작가가 낚시터에서 깔고 앉을 유시민 피크닉 매트 증정
  • 이동진 독서노트 스티커 세트 책 속으로 휴가 가는 법
  • 세상예쁨 문구세트 증정
  • 여름방학 어린이 필독세트
  • 8월 특별선물
  • 여름방학 어린이 필독세트
  • 꼬마 흡혈귀 머그컵 증정
  • 이달의 추천도서 메시플랫파우치 증정, 행사도서 포함 2만원이상 구매시 선택 (1,500P차감)
  • 유홍준 작가전

이 책의 이벤트 해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

  • 대표 IT 컴퍼니 지원자격에 맞춰 준비하자
    06. 21 ~ 12. 31
상품상세정보
ISBN 9788998139995(8998139995)
쪽수 416쪽
크기 188 * 240 * 23 mm /790g 판형알림

책소개

이 책이 속한 분야

『실전 프로젝트로 배우는 AngularJS』에서는 프런트엔드 개발 도구에 대한 소개 및 설치와 함께 단일 페이지 애플리케이션을 이해하고, AngularJS에 맞는 코드 컨벤션과 개발 전에 준비해야 할 모듈을 살펴본다. 실제 운영됐던 NodeJS 서버 코드를 기반으로 AngularJS를 이용해 구조적으로 개발하는 방법과 HTML 태그를 UI 컴포넌트로 변환하면서 블록을 맞추듯 업무를 개발하는 과정을 살펴볼 수 있다.

이 책의 총서

총서 자세히 보기

저자소개

저자 : 윤영식

저자 윤영식은 SI, SE 경험을 거친 후 연구원으로 있으면서 WAS 실시간 모니터링(APM) 솔루션과 대시보드 자동화 저작도구 솔루션을 개발했다. 최신 프런트엔드 기술 스택을 블로그(http://mobicon.tistory.com)에 공유하고 있으며, 현재 스타트업을 창업해 AngularJS와 D3.js 기반의 데이터 시각화 서비스를 개발하고 있다.

목차

▣ 01장: 단일 페이지 애플리케이션 개발 준비
1-1. 개발 도구 설치
- 깃 설치
- 노드 설치
- 요맨 설치
- 서브라임 텍스트 편집기 설치
1-2. 단일 페이지 애플리케이션 생성
- yo generator 선택과 설치
- Yo를 이용한 ToDo 애플리케이션 생성
1-3. 애플리케이션 컴포넌트 생성
- 앵귤러를 위한 index.html 설정 이해하기
- yo를 이용한 앵귤러 컨트롤러 추가
- bower를 이용한 앵귤러 지시자 추가
1-4. 애플리케이션 테스트 및 빌드
- grunt를 이용한 테스트
- grunt를 이용한 배포
정리

▣ 02장: AngularJS 프레임워크 이해
2-1. MV* 프레임워크
2-2. 양방향 데이터 바인딩
- 스코프 내부와 상속 관계
- MyToDo 애플리케이션에서 양방향 데이터 바인딩
- 스코프 생명 주기(Life Cycle)
- 그 외 $scope 객체 메서드
2-3. 의존성 주입(DI, Dependency Injection)
2-4. 클라이언트 템플릿
2-5. 지시자(Directive)
- 지시자가 DOM에 적용되는 순서
- 지시자 정의
- 지시자의 스코프 객체의 범위 종류
- Template, TemplateUrl, TemplateCache, replace와 ng-template 사용
- compile, link의 $watch 등록을 이용한 양방향 데이터 바인딩
- controller, require와 link 네 번째 파라미터와의 관계
- transclude, ng-transclude 사용
2-6. 테스트 프레임워크(단위, E2E)
- 카르마 기반 단위 테스트
- 프로트랙터 기반 E2E 테스트
정리

▣ 03장: 싱글 페이지 애플리케이션 기획및 생성
3-1. 애플리케이션 기획
- 메인 페이지
- 그룹 정보 페이지
- 그룹 활동 페이지
- 설문 생성 페이지
3-2. 애플리케이션 제너레이터 설계
- 애플리케이션의 폴더 구조 전략
- 애플리케이션 제너레이터 선정
- 앵귤러 코드 스타일 전략
- 스타일 가이드에 따른 제너레이터 템플릿 수정 방법
- IE8 지원을 위한 index.html 설정
3-3. SPA 생성
- 애플리케이션의 모듈 구성
- 라우팅 설정 방식
3-4. 단위 업무를 위한 앵귤러 컴포넌트 조합
- $resource를 통한 REST 모델 사용
- promise와 $q Async 호출에 대한 이해
정리


▣ 04장: 애플리케이션을 위한 공통 프레임워크 개발
4-1. 공통 프레임워크 모듈 개발
- 다국어 처리
- 메시지 처리
- 팝업 메시지창 지시자
- HTTP 에러 처리
- 사용자 정의 Bower 컴포넌트 등록
- 로컬 저장소 서비스
- 유틸리티 지시자
4-2. 로그인 화면 개발
- 트위터 부트스트랩 기반의 화면 디자인 및 폰트 사용
- 폼 유효성(Form Validation) 검사
- 인증을 위한 토큰과 쿠키
4-3. OAuth를 이용한 인증 처리
- 백엔드에서 Passport 모듈을 이용한 인증 처리
- 페이스북 인증 처리
- 크롬 브라우저 개발자 도구를 이용한 클라이언트 디버깅
- 노드 인스팩터를 이용한 서버 디버깅
정리 235

▣ 05장: 메인 페이지 개발
5-1. 백엔드 API 개발
- REST API 별 서버 모듈 조합
- 노드 모듈의 exports 이해
- 몽고디비와 몽구스 이해
- 서버 모델 개발
- 그룹 REST API 개발
- 포스트맨을 이용한 REST API 검증
- 백엔드 단위 테스트 수행
5-2. 메인 화면 개발
- 공통 컴포넌트 재구성
- 메인 화면 레이아웃 개발
- 그룹 생성
5-3. 그룹 목록 및 정보 표현
정리

▣ 06장: 그룹 페이지 개발
6-1. 그룹 정보 페이지
- 그룹 상세 정보 조회
- 그룹 프로필 이미지 변경
- 그룹 가입, 탈퇴
6-2. 그룹 활동 페이지
- 그룹 활동 화면 레이아웃 개발
- 그룹 멤버 목록 표현
6-3. 설문 카드 생성
- 설문 카드 생성
- 카드 지시자 개발
6-4. 설문 종류별 카드 표현
6-5. 설문 응답 및 결과 표현
정리

▣ 07장: 실시간 반응 개발
7-1. Socket.IO 기반 실시간 연동
- 노드 기반 백엔드 Socket.IO
- AngularJS 기반 프런트엔드 Socket.IO
- 상단 알림 메뉴 추가
7-2. 카드 목록 UX 개선
- 카드에 동영상 추가
- 무한 스크롤 적용
- 애니메이션 효과 적용
7-3. AngularJS 성능 옵션
- 일회 바인딩
- ngModelOptions 지시자
- 디버깅 정보 비활성화
- $applyAsync 적용
정리

추천사

고재도(KT 융합기술원 연구원)

이 책은 AngularJS의 기본적인 내용과 실제 단일 페이지 웹 애플리케이션의 기획부터 개발까지의 실무적인 내용을 담고 있다

이상윤(LG CNS America, Digital Market)

만약 AngularJS를 프로젝트에 도입하려고 한다면, 당신도 당장 이 책 한 권을 갖춰 두는 게 좋을 것이다.

최영근(TossLab JANDI CTO)

실제 업무에서 MEAN 스택을 적용하며 부딪치게 되는 수많은 고민에 대하여 이 책이 유용한 실마리를 제공해 줄 것이라고 생각한다.

이규원(TID Global Corp. Envicase CTO)

AngularJS의 학습과 사용에 대한 노하우 뿐만 아니라 웹 응용 프로그램, 서버와의 상호 운용성에 대한 고민을 현장의 코드를 통해 엿볼 수 있다.

이홍석(KTDS 경영서비스본부 PL)

실제 현업에서 AngularJS를 사용할 것인지 도입 선택부터 도입 후 진행 중 맞닥뜨리는 문제에 대한 해결까지 제시해 줄 수 있는 국내 유일한 책이라 생각한다.

출판사 서평

만들면서 배우는 AngularJS와 단일 페이지 애플리케이션

AngularJS는 MV* 프레임워크로서 복잡한 업무 UI를 구조적으로 만들 수 있다. 하지만 먼저 구조적으로 설계하고 개발에 들어가야 AngularJS에서 제공하는 기능을 충분히 사용할 수 있다. 이 책에서는 AngularJS에 대한 기초적인 개념은 이미 알고 있는 독자에게 프로젝트를 어떻게 시작하고 어떻게 만들어야 할지 안내한다.

프런트엔드 개발 도구에 대한 소개 및 설치와 함께 단일 페이지 애플리케이션을 이해하고, AngularJS에 맞는 코드 컨벤션과... 더보기

북로그 리뷰 (0) 쓰러가기

도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.
결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원
(포인트 적립은 작성 후 다음 날 혹은 해당 도서 배송 출발 후 익일에 적립됩니다.
외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외)
안내
  • 해당도서의 리뷰가 없습니다.

Klover 평점/리뷰 (0)

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

이 분야의 베스트

더보기+

이 분야의 신간

더보기+

바로가기

  • 우측 확장형 배너 2

최근 본 상품