청구할인 안내(인터파크 제휴카드) | 안내
북피니언 롯데카드 30% (최대할인 3만원 / 3만원 이상 결제)
하나SK 북&카드 30% (최대할인 3만원 / 3만원 이상 결제)
EBS 롯데카드 20% (최대할인 3만원 / 3만원 이상 결제)
인터파크 NEW 우리V카드 10% (최대할인 3만원 / 3만원 이상 결제)
인터파크 현대카드 7% (최대할인 3만원 / 3만원 이상 결제)
Close

2013년 9월 9일 이후 누적수치입니다.

Angular 2 컴포넌트 마스터 : 컴포넌트 기반 사용자 인터페이스 제작

원제 : Mastering Angular 2 Components
판매지수 137
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
정가

30,000원

  • 27,000 (10%할인)

    1,500P (5%적립)

  • (4건)

    26,970원 ~(10%할인)

    [특급]

  • 중고판매

    이 책을 인터파크에
    판매하세요

할인혜택
  • 22,000원 [롯데카드] 5만원이상 구매시 5천원 할인!할인쿠폰
적립혜택자동적립
배송정보
주문수량
감소 증가
  • 이벤트/기획전

  • 연관도서(257)

  • 사은품(1)

책소개

앵귤러JS에서 새로운 모습으로 발전한 앵귤러 2의 컴포넌트 전반을 다룬다.

완전히 탈바꿈한 앵귤러 2 덕분에 마치 앵귤러가 처음 나온 것처럼 이전 버전에 대한 지식 없이도 이 책을 탐독할 수 있다. '앵귤러 2는 컴포넌트다'라는 말에 어울리게 각 장마다 컴포넌트를 만들고 하나의 애플리케이션으로 조립해가는 과정을 따라가며 앵귤러 2 컴포넌트를 흥미롭게 익힐 수 있다. 마지막에는 플러그인 제작과 테스트까지 깔끔하게 다룬다.

출판사 서평

- 이 책에서 다루는 내용 -

- 컴포넌트 기반의 UI 아키텍처 개념 이해
- 앵귤러 2 핵심 개념 습득
- 앵귤러 2(주로 ES6)로 작업하는 데 사용되는 기술 지식
- 앵귤러 2 컴포넌트를 사용한 기본 작업과 고급 작업 수행
- 앵귤러 2 컴포넌트 내에서의 의존성 주입 사용
- 테스팅 프레임워크에 의한 앵귤러 2 컴포넌트 테스트
- 앵귤러 2를 사용한 애플리케이션 체계화
- 앵귤러 2를 사용한, 하나부터 열까지의 전체 애플리케이션 제작

- 이 책의 대상 독자 -

자바스크립트, HTML, CSS 등의 기본 프론트엔드 웹 기술을 잘 알고 있는 앵귤러 개발자를 위한 책이다. 앵귤러 2의 새로운 컴포넌트 기반 아키텍처에 관해 알게 되고, 최신이며 깔끔한 사용자 인터페이스를 제작하기 위한 앵귤러 2 사용법을 배울 것이다.

- 이 책의 구성 -

1장, '컴포넌트 기반의 사용자 인터페이스'에서는 UI 개발 역사를 알아보고 컴포넌트 기반의 사용자 인터페이스에 대해 간단히 소개한다. 앵귤러 2에서 이 개념을 다루는 방식을 알아본다.
2장, '제자리, 준비, 땅!'에서는 앵귤러 2 컴포넌트 기반의 애플리케이션 제작으로의 여행을 시작할 것이다. 컴포넌트와 함께 애플리케이션을 구성하는 기본 요소를 다룬다.
3장, '컴포넌트 구성'에서는 기본 조각으로 사용자 인터페이스를 구축하기 시작할 것이다. 그 다음으로 애플리케이션 레이아웃을 컴포넌트로 조직하고 QueryList를 사용해 컴포넌트를 결합하며, 재사용 가능한 탭 컴포넌트를 만들어 애플리케이션 인터페이스를 구축해 봄으로써 컴포넌트를 사용해 애플리케이션을 계속 조립해 나간다.
4장, '댓글 달아주세요!'에서는 컴포넌트를 사용해 댓글 시스템 제작 방법을 배울 것이다. 댓글을 나열하고 새 댓글도 만드는 컴포넌트 제작을 배우게 된다.
5장, '컴포넌트 기반 라우팅'에서는 컴포넌트가 라우팅에 어떻게 반응하는지를 설명해 독자가 작업 관리 애플리케이션에 있는 기존의 컴포넌트에 간단한 라우팅을 추가할 수 있게 해준다. 로그인 프로세스에서도 작업하여 라우터 사용 컴포넌트를 막기 위한 이해도 가능할 것이다.
6장, '활동 정보'에서는 프로젝트와 작업 레벨에서의 활동 흐름을 표현할 컴포넌트 생성을 다룬다.
7장, '사용자 경험을 위한 컴포넌트'에서는 작업 관리 애플리케이션의 전체 사용자 경험에 큰 효과를 주는 작고도 재사용 가능한 컴포넌트를 생성해본다. 여기에는 텍스트 필드 안에서의 편집, 무한 스크롤, 팝업 통보, 드래그앤드롭 지원이 포함된다.
8장, '시간 관리'에서는 프로젝트와 작업에 대한 시간을 평가하는 데 도움을 주는 것은 물론이고 사용자가 작업에 들인 시간을 기록하는 시간 추적 컴포넌트 생성에 집중한다.
9장, '우주선 대시보드'에서는 서드파티 라이브러리인 Chartist를 사용해 작업 관리 애플리케이션의 데이터를 표현하는 컴포넌트 생성에 집중한다.
10장, '플러그인 제작'에서는 단순하지만 강력한 패턴을 사용해 플러그 가능 컴포넌트 제작 방법에 관해 배울 것이다. 앵귤러 2 컴포넌트에 대한 DIY 플러그인 아키텍처를 통해 확장 가능한 작업 관리 시스템을 만든다.
11장, '테스트'에서는 앵귤러 2 컴포넌트 테스트에 대한 기본 방법을 다룬다. 테스트를 위해 컴포넌트의 특정 부분을 목킹/오버라이딩하기 위한 옵션을 알게 될 것이다.
부록, '작업 관리자 애플리케이션 소스 코드'에서는 이 책에 나오는 소스 코드를 다운로드하고 설치하기 위한 모든 정보가 들어있다. 코드 사용과 에러 대처에 대한 지시 사항도 있다.

- 지은이의 말 -

웹 컴포넌트는 웹 개발에 있어서 미래의 멋진 발판으로 오랫동안 찬사를 받았다. 앵귤러 2로는 그 어느 때보다 더 실감할 수 있다. 과거 수년간 웹 개발 커뮤니티에는 꽤 오랫동안 웹 컴포넌트에 대해 이런저런 얘기가 많이 있었다. 앵귤러 2의 새 컴포넌트 스타일 디렉티브를 이용하면 셰도우 DOM에서 사용자 HTML의 공유와 재사용 가능한 블록에 관해 개발자의 생각과 그들의 작업 흐름이 바뀔 것이다. 이 책은 이런 경로를 따라 개발자를 안내하는 첫 번째 책이다. 또한 배우기에 실용적인 방법과 자신만의 컴포넌트를 제작하는 기회를 독자들에게 제공한다. 이 책을 통해 앵귤러 개발의 강력함을 푸는 열쇠가 되는 영역에 완전히 집중함으로써 웹 개발의 새 물결 속에서 앞서나갈 것이다.
이 책은 독자들에게 컴포넌트식으로 생각하게 가르친다. 앵귤러 작업에 있어서 새 컴포넌트 중심 방식의 이런 풍부한 가이드로 독자는 웹 프로젝트를 위해 공유와 재사용 가능한 컴포넌트를 고안하고 제작하며 관리하는 방법을 배우게 된다. 이 책은 앵귤러 2에서 일의 성취법에 관해 개발자의 사고방식을 바꿔줄 것이므로 읽는 내내 유용하고 재미있는 예제 컴포넌트로 작업할 수 있을 것이다.

- 옮긴이의 말 -

웹 애플리케이션에 관심 있는 사람이라면 저자의 이름은 모르더라도 Chartist.js라는 스크립트 라이브러리를 한번쯤은 들어봤거나 다뤄봤을 것이다. Chartist.js는 웹에서 차트를 쉽게 표현해주는 라이브러리로, 이 책의 저자가 바로 그 제작자다. 그는 Chartist.js 라이브러리(지금은 컴포넌트로 발전시킴)를 커뮤니티의 산물이라고 밝히고 있을 정도로 웹 애플리케이션 초보자나 프로 개발자의 고충을 잘 파악하고 있다. 이런 그의 이력이 이 책의 구성을 더욱 탄탄하게 만들었을 것으로 본다.
앵귤러JS에서 앵귤러 2로 넘어오면서 큰 변화가 있었고 웹 생태계는 또 다시 새로운 물결을 맞이했다. 저자는 새로 배울 것으로 가득 찬 앵귤러 2에 대해 흥미롭게 독자들을 유인한다. 컴포넌트를 만들어 조립하는 과정을 통해 멋진 기능의 웹 애플리케이션을 완성하는 것이다. 기술 습득뿐만 아니라 이 책으로 완성한 예제 애플리케이션은 독자가 약간의 수정만을 거쳐 현업에 가져다 쓸 수 있을 정도로 완성도가 높다.
각 장마다 꼼꼼하게 다룬 내용은 이 책의 제목과 잘 일치한다. 아무쪼록 이 책을 통해 앵귤러 2 컴포넌트에 대한 전반 지식은 물론이고 그 응용까지도 수월하게 습득하길 바란다.

목차

1장. 컴포넌트 기반의 사용자 인터페이스
__유기체 고려
__컴포넌트- 사용자 인터페이스의 내부
____캡슐화
____결합성
____본질에 따라 고안된 컴포넌트
______나의 UI 프레임워크 위시리스트
____새 표준을 위한 시간
______템플릿 요소
______셰도우 DOM
__앵귤러의 컴포넌트 아키텍처
____모든 것은 컴포넌트다
__첫 번째 컴포넌트 작성
____미래의 자바스크립트
______나는 자바스크립트로 말하고 있어. 번역해줘!
______클래스
______모듈
______템플릿 문자열
______ECMAScript냐 아니면 타입스크립트냐?
______데코레이터
__도구
____Node.js와 NPM
____SystemJS와 JSPM
______JSPM
______JSPM으로 시작
__정리

2장. 제자리, 준비, 땅!
__작업 관리
____비전
__시작
____부트스트래핑
____애플리케이션 실행
____요약
__작업 리스트 생성
____요약
__캡슐화의 적절한 레벨
____요약
__입력은 출력을 만들어 낸다
____요약
__사용자 정의 UI 요소
____요약
__작업 필터링
__정리

3장. 컴포넌트 구성
__데이터- 가짜에서 진짜로
__관측 가능 데이터 구조를 사용한 반응 프로그래밍
__불변성
__순수 컴포넌트
____작업 리스트의 순수화
____요약
__콘텐트 투영를 사용한 컴포지션
__탭 인터페이스 컴포넌트 제작
____요약
__투영된 콘텐트와 생성된 콘텐트의 혼합
__정리

4장. 댓글 달아주세요!
__모두를 아우르는 하나의 편집기
____편집기 컴포넌트 제작
____요약
__댓글 시스템 제작
____comment 컴포넌트 제작
____comments 컴포넌트 제작
____요약
__정리

5장. 컴포넌트 기반 라우팅
__앵귤러 라우터 소개
__라우팅에 의한 컴포지션
____라우터 대 템플릿 컴포지션
____라우트 트리의 이해
__라우트로의 복귀
____라우트 가능 탭
__내비게이션 리팩토링
__정리

6장. 활동 정보
__활동 기록을 위한 서비스 제작
____활동 기록
__SVG 강력함의 활용
____SVG의 스타일화
____SVG 컴포넌트 제작
__대화형 활동 슬라이더 컴포넌트 제작
____시간의 투영
____활동 표시기 표현
____생기 불어넣기
____요약
__활동 타임라인 제작
__정리

7장. 사용자 경험을 위한 컴포넌트
__태그 관리
____태그 데이터 엔티티
____태그 생성
__태그 서비스 생성
____태그 표현
____태스크 서비스의 통합
____태그 서비스의 완료
__태그 입력 지원
__태그 입력 관리자 제작
____태그 선택 컴포넌트 제작
____편집기 컴포넌트 내부로의 태그 입력 통합
____태그 시스템의 완성
__드래그앤드롭
____draggable 디렉티브 구현
____드롭 대상 디렉티브의 구현
____작업 리스트 컴포넌트로의 드래그앤드롭 통합
____드래그앤드롭에 대한 요약
__무한한 공간 저 너머로!
____별표 구문과 템플릿
____무한 스크롤 디렉티브 작성
____템플릿 디렉티브 내에서의 변경사항 검출
____임베디드 뷰의 추가와 제거
____무한 스크롤 디렉티브 마무리
__정리

8장. 시간 관리
__작업 세부사항
__작업에 대한 태그 가능
__노력 관리
____시간 듀레이션 입력
____노력 관리 컴포넌트
____비주얼 노력 타임라인
____노력 관리에 대한 요점
__중요 시점의 지정
____자동완성 컴포넌트의 제작
__정리

9장. 우주선 대시보드
__Chartist 소개
__프로젝트 대시보드
____프로젝트 대시보드 컴포넌트 제작
____프로젝트 요약 컴포넌트
__첫 번째 차트 제작
__미완료 작업 표시
____미완료 작업 차트 제작
____차트 범례 제작
____차트의 대화형 기능
__정리

10장. 플러그인 제작
__플러그인 아키텍처
__플러그 가능한 UI 컴포넌트
__플러그인 API 구현
____플러그인 컴포넌트의 인스턴스화
____플러그인 아키텍처의 마무리
__애자일 플러그인 제작
____Agile 작업 정보 컴포넌트
____Agile 작업 세부사항 컴포넌트
____첫 번째 플러그인에 대한 요약
__플러그인 관리
____런타임 시의 새 플러그 로딩
__정리

11장. 테스트
__재스민 소개
__첫 번째 테스트 작성
__컴포넌트 출력에 대한 감시
__테스트 컴포넌트에 대한 유틸리티
____테스트에서의 주입
____테스트 컴포넌트 빌더
__동작 중인 컴포넌트 테스트
__컴포넌트 상호작용 테스트
__플러그인 시스템 테스트
__정리
__다운로드

부록. 작업 관리 애플리케이션 소스코드
__준비물
__사용법
__문제 해결
____데이터 리셋을 위한 IndexDB 제거
____파이어폭스에서의 웹 컴포넌트 가능

저자소개

기온 쿤츠(Gion Kunz) [저] 신작알림 SMS신청 작가DB보기
생년월일 -
출생지 -
출간도서 0종
판매수 0권

수년간 웹 기술을 쌓았고 웹 표준에 완전히 매료됐다. 자바스크립트를 사용한 대화형 사용자 인터페이스 제작에 10년 이상의 경력으로 꾸준히 새 방법과 프레임워크를 평가한다. 최근엔 3년 이상 앵귤러JS로 작업했으며 앵귤러 2에 대해 가장 빠른 얼리어답터 중 한 명이 됐다. 여러 회의석상에서 앵귤러 2에 관해 연설하며 스위스 취리히에 있는 앵귤러 밋업(Zurich Angular Meetup) 그룹 조직을 돕고 있다.
현재는 취리히에 있는 창업 회사인 oddEVEN에서 일하는데, 이 회사는 고객에게 웹 사이트와 애플리케이션 제작을 돕는다. 또한 취리히 소재의 SAE 학원에서 수석

펼쳐보기
생년월일 -
출생지 -
출간도서 0종
판매수 0권

한아시스템에서 소프트웨어 엔지니어로 근무했으며, 현재 프리랜서로 일하고 있다.
[Boogazine JFC PROGRAMMING], [Boogazine Visual J++ 6.0], [Java Workshop 2.0 21일 완성]을 집필했고, 편저한 책으로 [JAVA 서블릿 & JSP 프로그래밍 한꺼번에 끝내기], [XML 기본+활용 마스터하기]를 편저했다. 또한 에이콘출판사에서 출간한 [(개정판) C & C++ 시큐어 코딩](2015), [닷넷 개발자를 위한 AngularJS], [파이썬 분산 컴퓨팅](2016), [Angular 2 컴포넌트 마스터](2017)를 번역했다.

이 상품의 시리즈

acorn+PACKT 시리즈(총 277권 / 현재구매 가능도서 258권)

펼쳐보기

리뷰

0.0 (총 0건)

등록된 리뷰중 당선작을 선정하여, 도서상품권을 드립니다.

리뷰쓰기

기대평

작성시 유의사항

평점
0/200자
등록하기

기대평

10.0

교환/환불

교환/환불 방법

‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능

교환/환불 가능 기간

고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

교환/환불 비용

고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

교환/환불 불가사유

반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

소비자 피해보상

소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

기타

도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

배송안내

  • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

  • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

  • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

  • 배송비

도서(중고도서 포함) 구매

2,000원 (1만원이상 구매 시 무료배송)

음반/DVD/잡지/만화 구매

2,000원 (2만원이상 구매 시 무료배송)

도서와 음반/DVD/잡지/만화/
중고직배송상품을 함께 구매

2,000원 (1만원이상 구매 시 무료배송)

업체직접배송상품 구매

업체별 상이한 배송비 적용