MVC 구조의 확실한 해답 AngularJS 디렉티브

책 이미지

eBook 미리보기

책 정보

· 제목 : MVC 구조의 확실한 해답 AngularJS 디렉티브
· 분류 : 국내도서 > 컴퓨터/모바일 > 프로그래밍 개발/방법론 > 웹 서비스/웹 프로그래밍
· ISBN : 9788960778504
· 쪽수 : 244쪽
· 출판일 : 2016-04-22

책 소개

acorn+PACKT 시리즈. 이 책은 AngularJS의 핵심인 디렉티브의 개념부터 어떻게 모델과 뷰를 분리하고, 데이터를 바인딩해 HTML과 자바스크립트를 분리하는지 여러 가지 사례를 통해 디렉티브의 모든 것을 알려준다.

acorn+PACKT 시리즈. 이 책은 AngularJS의 핵심인 디렉티브의 개념부터 어떻게 모델과 뷰를 분리하고, 데이터를 바인딩해 HTML과 자바스크립트를 분리하는지 여러 가지 사례를 통해 디렉티브의 모든 것을 알려준다. 또한 서드파티 라이브러리와의 연동, 단위 테스트에서 통합 테스트에 이르기까지 필요한 모든 정보를 제공한다.

AngularJS 컨텍스트에서 DOM을 변경하고 변환하는 기술, 코어 애니메이션 서비스를 사용하는 디렉티브 활용 및 커스터마이징, 고급 DOM 조작을 위해 서드파티 라이브러리를 AngularJS와 통합, 다이내믹 템플릿을 컴파일하기 위한 디렉티브의 장점 발견, 디렉티브 API의 모든 옵션과 사용법 이해, 어떻게 그리고 왜 여러 종류의 테스트를 디렉티브에 사용하는가, 커스텀 디렉티브로 애플리케이션 최적화 및 강화 등을 다루고 있다.

1 기초 다지기
__디렉티브 소개
____디렉티브 정의 객체 API
________priority
________terminal
________scope
________controller
________require
________controllerAs
________restrict
________template
________templateUrl
________replace
________transclude
________compile
________link
________디렉티브 정의 객체를 마치며
__요약

2 stopwatch 디렉티브 생성
__stopwatch 파헤치기
____stopwatch 요구사항
____테스트 기초
____테스트 생성
__stopwatch 작성
____stopwatch의 비즈니스 로직
________비즈니스 로직 테스트
____stopwatch 최적화
________stopwatch 필터
__요약

3 외부 자바스크립트 라이브러리와 디렉티브
__서드파티 라이브러리 통합
__서드파티 라이브러리를 사용한 디렉티브 테스트
__gauge.js 파일 랩핑
____gauge 디렉티브 테스트
____gauge 디렉티브 작성
________스코프 상호작용 테스트 작성
__fullCalendar.js 랩핑
____calendar 디렉티브 소개
____fullCalendar 디렉티브 테스트
________calendar 초기화와 MVC 기능 테스트
____fullCalendar 디렉티브 작성
__요약

4 고급 컴파일링
__DOM 컴파일의 일반적인 사례
__디렉티브에서 트랜스클루전 사용
____트랜스클루전 베일 벗기기
__재귀적인 디렉티브 생성
____사용자 정의 재귀 tree 디렉티브
____transclusion과 templateUrl을 사용한 treeNode 디렉티브
________treeNode 디렉티브 테스트
________treeNodeTemplate 디렉티브
____트랜스클루전만 사용하는 treeNode 디렉티브
________treeNode 디렉티브 테스트
________treeNodeNoTemplate 디렉티브
__템플릿과 여러 가지 값 컴파일
__미디어 플레이어 디렉티브 소개
____미디어 플레이어 디렉티브 요구사항
____미디어 플레이어 디렉티브 테스트
____미디어 플레이어 디렉티브 작성
________미디어 플레이어 디렉티브 파헤치기
____고급 템플릿 활용
________mediaelement 템플릿
________flowplayer 템플릿
__요약

5 디렉티브 간 통신
__디렉티브 통합 테스트
____통합 테스트
__스코프 객체를 사용한 통신
____자식 스코프를 이용한 통신
____wasFast 디렉티브 생성
________단위 테스트
________통합 테스트
________wasFast 디렉티브 구현
____fastRunner 디렉티브 작성
________통합 테스트
________fastRunner 디렉티브 구현
__독립 스코프를 이용한 통신
____$rootScope를 이용한 통신
____다른 디렉티브에 방송
____미디어 플레이어 간 통신
________bbBroadcastingPlayer 디렉티브 통합 테스트
________bbBroadcastPlayer 디렉티브 구현
__컨트롤러와 협업
____require 기본
____bbPlayer 디렉티브의 컨트롤러 사용
________통합 테스트
________bbPlayer, bbPlayerContainer 디렉티브 구현
____fastClicker 디렉티브 생성
________통합 테스트
________fastClicker 디렉티브 작성
________스톱워치 연결
__요약

6 라이브 데이터를 이용한 작업
__디렉티브를 조정하는 기술
____$q 라이브러리
____데이터 변경을 어떻게 감시해야 할까?
________$rootScope.data에 대한 깊은 감시
________$rootScope.data에 대한 얕은 감시
__디렉티브가 책임을 질 수 있다
____데이터를 제어하는 디렉티브 테스트
________bbPhoneDetails 테스트
____bbPhoneDetails 디렉티브 작성
__D3로 작업
________유튜브 조회수 막대 차트
________stockTicker 디렉티브
__요약

7 최적화와 코드 품질
__AngularJS 코드 품질
____템플릿의 중요성
____필수 DOM 조작
__디렉티브 최적화
____성능 모니터링 도구
____digest 싸이클
__더 적게 바인딩해 더 빠른 결과 얻기
____bbOneBinders 디렉티브로 문제 해결
________bbOneBinders 디렉티브
________bbOndeBinders 테스트
__요약

8 디렉티브와 애니메이션
__애니메이션 제공
__CSS 기반 애니메이션
____ngClass와 트랜지션을 함께 사용
____ngClass와 애니메이션을 함께 사용
____ngIf와 트랜지션을 함께 사용
__자바스크립트 기반 애니메이션
____커스텀 effeckt.CSS 애니메이션
__요약

9 마무리
__디렉티브 블록들
__서드파티 라이브러리
__컴파일 주기
__디렉티브 테스트
__디렉티브 간 통신
__품질과 성능
__애니메이션
__요약

저자소개

조쉬 쿠르츠 (지은이) 정보 더보기

프론트엔드 기술 영역에 새로운 이론과 컴퓨터 과학 개념을 지속적으로 도입하려 노력하는 클라이언트 전문가다. 터너(Turner)에서 일할 때 AngularJS를 사용해 매우 빠른 속도로 쓸 만한 데이터 시각화 애플리케이션을 만들 수 있음을 성공적으로 보여줬다. 또한 오픈소스에 열정을 가지고 있으며 오픈소스가 자신이 성공한 이유라고 믿는다. 현재 하는 일 외에도 주짓수 검은 띠를 따기 위해 열심히 연습 중이다.

펼치기

오세봉 (옮긴이) 정보 더보기

티맥스 소프트에서 웹 어플리케이션 서버를 개발하다 빅데이터에 관심이 생겨 KT 넥스알에 입사했다. 재직 중에 『하이브 완벽 가이드』(한빛미디어, 2013), 『케스케이딩 완벽 가이드』(한빛미디어, 2014)와 『MVC 구조의 확실한 해답 AngularJS 디렉티브』(에이콘, 2016)을 번역했다. KT 넥스알을 나와 어린이용 스마트워치(LINE 키즈폰)를 출시했으며 이때부터 안드로이드 개발을 시작했다. 대학 때부터 웹을 비롯한 UI에 관심이 많아 안드로이드 UI에 적응하는 데 오래 걸리지는 않았지만 SQLite를 비롯한 안드로이드 서비스는 자료가 많지 않아 시행착오를 많이 겪어야 했다. 현재는 SK텔레콤에서 빅데이터를 이용한 데이터 분석과 관련된 일을 하고 있다.

펼치기

오세봉의 다른 책 >