MVC 구조의 확실한 해답 Angular JS 디렉티브
도서명:MVC 구조의 확실한 해답 Angular JS 디렉티브
저자/출판사:조쉬,쿠르츠/에이콘출판
쪽수:244쪽
출판일:2016-04-22
ISBN:9788960778504
목차
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 마무리
__디렉티브 블록들
__서드파티 라이브러리
__컴파일 주기
__디렉티브 테스트
__디렉티브 간 통신
__품질과 성능
__애니메이션
__요약
