HOME > 상세정보

상세정보

(MVC 패턴과 트위터 부트스트랩을 이용한) AngularJS 반응형 웹앱 개발과 성능 최적화 (7회 대출)

자료유형
단행본
개인저자
Gharat, Amit Nehlsen, Matthias 조효성, 역
서명 / 저자사항
(MVC 패턴과 트위터 부트스트랩을 이용한) AngularJS 반응형 웹앱 개발과 성능 최적화 / 아미트 가랏, 마티아스 넬센 지음 ; 조효성 옮김
발행사항
의왕 :   에이콘,   2015  
형태사항
299 p. : 삽화 ; 24 cm
총서사항
acorn+PACKT technical book
원표제
AngularJS UI development : design, build, and test production-ready applications in AngularJS
ISBN
9788960777200 9788960772106 (set)
일반주기
기술감수자: 아슈토쉬 다스(Ashutosh Das), 애비셰크 데이(Abhishek Dey), 아누즈 가크하르(Anuj Gakhar), 스티브 퍼킨스(Steve Perkins)  
색인수록  
000 00000cam c2200205 c 4500
001 000045859228
005 20160127171546
007 ta
008 160127s2015 ggka 001c kor
020 ▼a 9788960777200 ▼g 94000
020 1 ▼a 9788960772106 (set)
035 ▼a (KERIS)BIB000013802802
040 ▼a 211015 ▼c 211009 ▼d 211009
041 1 ▼a kor ▼h eng
082 0 4 ▼a 005.133 ▼2 23
085 ▼a 005.133 ▼2 DDCK
090 ▼a 005.133 ▼b J41 2015z12
100 1 ▼a Gharat, Amit
245 2 0 ▼a (MVC 패턴과 트위터 부트스트랩을 이용한) AngularJS 반응형 웹앱 개발과 성능 최적화 / ▼d 아미트 가랏, ▼e 마티아스 넬센 지음 ; ▼e 조효성 옮김
246 1 9 ▼a AngularJS UI development : ▼b design, build, and test production-ready applications in AngularJS
260 ▼a 의왕 : ▼b 에이콘, ▼c 2015
300 ▼a 299 p. : ▼b 삽화 ; ▼c 24 cm
440 0 0 ▼a acorn+PACKT technical book
500 ▼a 기술감수자: 아슈토쉬 다스(Ashutosh Das), 애비셰크 데이(Abhishek Dey), 아누즈 가크하르(Anuj Gakhar), 스티브 퍼킨스(Steve Perkins)
500 ▼a 색인수록
700 1 ▼a Nehlsen, Matthias
700 1 ▼a 조효성, ▼e
900 1 0 ▼a 가랏, 아미트, ▼e
900 1 0 ▼a 넬센, 마티아스, ▼e
945 ▼a KLPA

소장정보

No. 소장처 청구기호 등록번호 도서상태 반납예정일 예약 서비스
No. 1 소장처 과학도서관/Sci-Info(1층서고)/ 청구기호 005.133 J41 2015z12 등록번호 121235437 도서상태 대출가능 반납예정일 예약 서비스 B M

컨텐츠정보

책소개

acorn+PACKT 시리즈. 구글은 다양한 분야에서 개발자들에게 유익한 플랫폼과 라이브러리를 제공한다. 별도의 팀을 구성해서 Angular UI, AngularJS Material Design 등 다양한 프로젝트를 지속적으로 생성 발전시키고 있다. AngularJS는 웹 애플리케이션을 개발할 때 다양한 외부 라이브러리를 연동하는 편의성을 제공하면서 프로토타입을 짧은 시간 내에 개발할 수 있는 환경을 제공한다.

또한 웹 개발, 테스트와 검증, 유지 보수, 그리고 최적화까지 고려한 프레임워크이기 때문에 많은 웹 개발 회사와 자바스크립트 개발자가 사용하고 있다. 이 책을 통해 개발자는 AngularJS의 기본 지식뿐 아니라 터치 환경이나 반응형 웹과 같은 모바일 환경을 고려하고 페이지 로딩 속도까지 최적화할 수 있는 고급 기술을 습득할 수 있을 것이다.

★ 요약 ★

구글은 다양한 분야에서 개발자들에게 유익한 플랫폼과 라이브러리를 제공한다. 별도의 팀을 구성해서 Angular UI, AngularJS Material Design 등 다양한 프로젝트를 지속적으로 생성 발전시키고 있다. AngularJS는 웹 애플리케이션을 개발할 때 다양한 외부 라이브러리를 연동하는 편의성을 제공하면서 프로토타입을 짧은 시간 내에 개발할 수 있는 환경을 제공한다. 또한 웹 개발, 테스트와 검증, 유지 보수, 그리고 최적화까지 고려한 프레임워크이기 때문에 많은 웹 개발 회사와 자바스크립트 개발자가 사용하고 있다. 이 책을 통해 개발자는 AngularJS의 기본 지식뿐 아니라 터치 환경이나 반응형 웹과 같은 모바일 환경을 고려하고 페이지 로딩 속도까지 최적화할 수 있는 고급 기술을 습득할 수 있을 것이다.

★ 이 책에서 다루는 내용 ★

■ 모바일 버전에 적합한 애플리케이션을 설계할 수 있는 트위터 부트스트랩(Bootstrap)과 파운데이션과 같은 반응형 레이아웃과 강력한 CSS3 프레임워크 사용
■ AngularUI 컴패니온 스위트를 사용할 때 생기는 일반적인 UI 문제 해결
■ AngularJS를 이용해서 RESTful API를 정합한 동적 애플리케이션 개발
■ CSS 반응형 프레임워크, 다양한 UI 위젯, 그리고 AngularJS 내부의 개요 학습
■ 엘리먼트의 페이드인과 페이드 아웃부터 좀 더 복잡한 동작까지 표현할 수 있는 애니메이션 개발

★ 이 책의 대상 독자 ★

AngularJS로 UI 문제를 해결하는 데 관심이 있는 사람이라면 누구나 읽을 수 있다. 자바스크립트, HTML, CSS에 대한 기본 지식은 필요하다.

★ 이 책의 구성 ★

1장. '환경설정'에서는 이 책의 모든 부분에서 시작 템플릿으로 사용할 수 있는 매우 기본적이지만 전체적으로 테스트가 완료된 샘플 앱 설치 방법을 설명한다. 1장은 테스트와 빌드 프로세스의 자동화도 다룬다.

2장. 'AngularUI의 개요와 유틸'에서는 AngularUI 컴패니온 스위트를 소개하고 키프레스, 이벤트 바인더, jQuery Passthrough, Validate와 Mask, Highlight, 그리고 Fragment utilities의 사용 방법을 설명한다.

3장. 'AugularUI의 확장'에서는 날짜, 캘린더, 구글 맵스와 UI 라우터 모듈의 사용 방법을 설명한다.

4장. '개인화와 ng-grid 활용'에서는 기본적인 예제서부터 그룹핑, 개인화된 셀과 열 템플릿, 페이징, 7개 세부 뷰 사용, 그리고 셀 선택과 편집처럼 복잡한 주제에 이르기까지 시선을 사로잡는 그리드 구성 방법을 설명한다.

5장. '애니메이션 학습'에서는 AngularJS를 이용해서 사물에 애니메이션 효과를 적용하는 방법을 설명한다. 애니메이션은 페이지 엘리먼트의 페이드인과 페이드아웃 그리고 엘리먼트 이동을 포함하며 모든 애니메이션은 AngularJS 데이터 모델을 바탕으로 적용된다.

6장. '차트와 데이터 기반 그래픽'에서는 AngularJS 데이터 모델에 변경 사항을 반영하는 웹 페이지에 동적 차트를 삽입하는 방법을 보여주므로 5장보다 내용이 좀 더 확장되었다. 이런 점 때문에 사용자 정의 지시어를 정의한다.

7장. 'CSS와 CSS 프레임워크를 이용한 AngularJS의 사용자 정의'에서는 CSS에 대한 기본 사항을 견고히 다지게 할 수 있고 CSS 프레임워크가 UI 개발 프로세스를 얼마나 단순화시킬 수 있는지 보여준다. 7장은 8장과 특히 9장을 이해하기 위해 알아야 할 사전 지식을 설명한다.

8장. 'AngularUI 부트스트랩 개발'에서는 AngularUI 부트스트랩 프로젝트를 활용해서 AngularJS와 트위터 부트스트랩을 매끄럽게 통합할 수 있는 방법을 설명한다. 트위터의 부트스트랩 CSS 프레임워크를 사용하면 아무것도 없는 코드 상태에서 처음 시작해서 개발을 시작하는 것보다 상당히 적은 시간으로 매력적이면서 유연한 사용자 인터페이스를 구성할 수 있다.

9장. 'AngularUI 부트스트랩의 사용자 정의'에서는 특정 요구사항에 적합한 UI 부트스트랩을 선택하는 방법을 설명한다. 기본 템플릿이 매력적일 수 있으나 항상 모든 요구에 적합하지는 않다. 9장은 사용자 정의 템플릿을 이용해서 모든 지시어를 응용할 수 있는 방법을 찾아본다.

10장. 'AngularUI와 부트스트랩을 활용한 모바일 개발'에서는 터치 제스처를 포함한 모바일 싱글 페이지 앱의 개발 방법을 살펴본다. 모바일 사용자 경험에 대한 특정 요구사항을 만족시키기 위해 앱의 최적화 방안도 다룬다.


정보제공 : Aladin

저자소개

마티아스 넬센(지은이)

15년간 정보 테크놀로지 분야에서 일한 프리랜서 소프트웨어 엔지니어이자 열정적인 오픈소스 컨트리뷰터다. 현재 웹 애플리케이션에 열정을 쏟고 있는데 주로 AngularJS를 활용해서 개발한다. 함부르크 AngularJS 미트업(Meetup)을 창설했다. https://github.com/matthiasn에 들어가면 오픈소스 프로젝트를, http://matthiasnehlsen.com에 가면 블로그를 확인할 수 있다. 트위터에서 @matthiasnehlsen로 검색하면 팔로우할 수 있다.

아미트 가랏(지은이)

풀스택(full-stack) 엔지니어이자 오픈소스 컨트리뷰터다. 디렉티브(Directive), SPA, AngularJS로 작성한 크롬 확장프로그램과 같은 개인 오픈소스 프로젝트를 개발하고 공개해왔다. 다른 개발자들에게 영감이나 도움을 줄 수 있는 개인 블로그를 운영하며 이해하기 쉬운 표현으로 자신의 프로그래밍 경험을 공유할 정도로 열정이 넘친다. 코딩을 하지 않는 시간에는 보통 독서나 유튜브 동영상 감상, 그리고 가족과 함께 코미디 쇼 시청을 즐긴다. 폴란드에 위치한 「Appliness and Sdjournal Magazine」에 기사를 기고하기도 했다.

조효성(옮긴이)

광운대학교 전자공학과를 졸업하고 동대학원 임베디드 소프트웨어 공학과에서 안드로이드와 블루투스를 전공했다. 과거 오비고에서 웹 개발자로 활동하고 있는 노드에 관심이 많은 행복 개발자다. 행복한 HMI WebApp 개발 팀에서 차량용 플랫폼에 올라가는 웹 앱을 개발하면서 많은 경험과 실력을 쌓았다. 현재 브라이니클에 근무하면서 서버와 클라이언트를 개발하며, 빅데이터 분석에 관심이 많고, 실제 데이터 분석 사례를 만들고 있다. 번역 작업을 통해 책을 읽는 모든 사람에게 꼭 도움이 되기를 바라는 마음을 늘 품고 있다. 에이콘출판사에서 출간한 『노드로 하는 웹 앱 테스트 자동화』(2013), 『익스프레스 프레임워크로 하는 노드 웹 앱 프로그래밍』(2014), 『Storm 실시간 빅데이터 분석 플랫폼』(2014), 『안드로이드 음성 인식 애플리케이션 개발』(2014), 『Spark로 하는 고속 빅데이터 분석과 처리』(2014), 『AngularJS 반응형 웹앱 개발과 성능 최적화』(2015), 『리액트 정복하기』(2016)를 번역했다.

정보제공 : Aladin

목차

1 환경설정 
__Hello World 앱 
____프리미티브 대신 오브젝트 사용 
____첫 지시어 구현 
__Node.js와 NPM 설치 
____OS X 
____윈도우 
____리눅스(우분투) 
__Bower를 이용한 클라이언트측 종속성 관리 
__Hello World 앱 테스트 
____단위 테스트 
____카르마와 재스민 설치 
____통합/Protractor를 이용한 단대단 테스트 
__애플리케이션 개발 
____그런트에서 Protractor 실행 
__깃을 이용한 소스 코드 관리 
__정리 

2 AngularUI 도입과 유틸리티 
__AngularUI 다운로드 
__AngularUI-Utils 빌드 
__프로젝트에 AngularUI-Utils 통합 
__uiMask 지시어 
__이벤트 바인더 
__키프레스 
__제이쿼리 전달 
__정리 

3 AngularUI 확장 
__구글 맵 적용 
____지도 위의 마커 
____이벤트 바인딩 
__Bower를 이용한 애플리케이션 종속성 관리 
____.gitignore 파일 변경 
__캘린더 컴포넌트 
____데이터 포맷화를 위한 필터 사용 
____캘린더 스타일 적용 
____컨트롤러 변경 
____테스트 추가 
______컨트롤러 테스트 
______필터 테스트 
____애플리케이션 빌드 
__정리 

4 ng-grid의 커스터마이징과 분석 
__프로젝트 설정 
__AngularJS를 이용한 서비스 생성 
__그리드 뷰 
__그리드 그룹핑 
__마스터와 디테일 뷰 사용 
__정리 

5 애니메이션 학습 
__프로젝트 설정 
__애니메이션 기능이 포함된 할 일 리스트 프로젝트 개발 
__페이지에서 요소 이동 
____Easing 함수 
__전체 애니메이션을 확대할 수 있는 LESS 사용 
__animate.css 파일 사용 
__스태커링 애니메이션 
____스태거 애니메이션 동작 이해 
__자바스크립트로 정의하는 애니메이션 
__정리 

6 차트와 데이터 기반의 그래픽 사용 
__차트의 중요성 
____막대 차트 작성 
__데이터 기반의 막대 차트 생성 
__막대 차트를 위젯으로 변환 
____막대 차트 지시어 작성 
__Angular Google 차트 도구 사용 
__GitHub REST API를 이용한 대시보드 작성 
____대시보드 애플리케이션 확장 
__정리 

7 CSS와 CSS 프레임워크를 이용한 AngularJS 커스터마이징 
__반응형 디자인의 혁명 
__미디어 쿼리 소개 
____@media 
____@media 익스프레션 
__트위터 부트스트랩을 이용한 진보된 디자인 
__애플리케이션에 Foundation 프레임워크 사용 
__정리 

8 AngularUI 부트스트랩 개발 
__왜 AngularUI 부트스트랩을 사용해야 하는가? 
____프로젝트 관리 애플리케이션 개발 
____accordion 생성 
____탭 생성 
____숨김 기능을 이용한 개연성이 적은 콘텐츠 숨김 
____데이트피커를 이용한 타임라인 설정 
____버튼 사용 
____비율 폼에 대한 우선 순위 변경 
____사용자에게 알림 메시지 표시 
____캐로설 사용 
____이슈의 상태를 표시하는 프로그래스 바 
__typeahead를 이용한 효과적인 추천 
__드롭다운으로 된 애플리케이션 전용 메뉴를 위한 범용 하우징 
__정리 

9 AngularUI 부트스트랩 커스터마이징 
__외부 템플릿 개요 
____스크립트 태그를 이용한 템플릿 로딩 
____$templateCache를 통한 템플릿 로딩 
____외부 템플릿 사용 
__AngularUI 부트스트랩 페이지 위젯 커스터마이징 
__AngularUI 부트스트랩 탭 위젯 확장 
__정리 

10 AngularJS와 부트스트랩을 이용한 모바일 앱 개발 
__왜 모바일 때문에 고민하는가? 
__모바일을 우선 고려한 북마크 앱 개발 
____동적 애플리케이션 개발 
____북마크를 통한 검색 기능 
____모바일 단말용 애플리케이션의 기초 설계 
____더 나은 사용자 경험을 위한 애니메이션 
__더 나은 사용자 경험을 제공하기 위한 모바일 최적화 
____탭 이벤트를 위한 주기적인 지연 
____트랜지션과 애니메이션 가속 
______시작 페이지 로딩 성능 개선 
__정리

관련분야 신착자료

Ramamurthy, Bina (2021)
윤관식 (2020)