• 컴퓨터/IT > 프로그래밍 > 웹프로그래밍

출판사 리뷰

출판사 서평 ★ 이 책에서 다루는 내용 ★ ■ Angular 내장 필터를 알아보고 자체 필터 생성 ■ AngularJS 라우터와 템플릿 시스템으로 멀티뷰 웹앱 제작 ■ 부트스트랩 팀이 만든 많은 플러그인을 사용하기 위해? AngularStrap 적용 ■ 특별한 테마를 만들기 위해 Less를 사용해 부트스트랩 수정 ■ 걸프와 그런트 태스크러너를 사용해 코드를 기반으로 한 앱 유지보수 ■ CRUD의 개념 이해와 구현 ■ 개발 진행 시 생길 수 있는 이슈 해결 ★ 이 책의 대상 독자 ★ 최신 웹 개발 기술에 관심이 있다면 부... ★ 이 책에서 다루는 내용 ★ ■ Angular 내장 필터를 알아보고 자체 필터 생성 ■ AngularJS 라우터와 템플릿 시스템으로 멀티뷰 웹앱 제작 ■ 부트스트랩 팀이 만든 많은 플러그인을 사용하기 위해 AngularStrap 적용 ■ 특별한 테마를 만들기 위해 Less를 사용해 부트스트랩 수정 ■ 걸프와 그런트 태스크러너를 사용해 코드를 기반으로 한 앱 유지보수 ■ CRUD의 개념 이해와 구현 ■ 개발 진행 시 생길 수 있는 이슈 해결 ★ 이 책의 대상 독자 ★ 최신 웹 개발 기술에 관심이 있다면 부트스트랩과 AngularJS를 모르지 않을 것이다. 이 책은 약간의 자바스크립트 경험이 있고 웹앱을 만들고자 하는 사람을 대상으로 한다. 하지만 자바스크립트의 기본적인 내용은 이해하고 있어야 한다. 만약 문자열과 객체의 차이를 잘 모른다면, 먼저 기본 지식을 이해하고 이 책을 읽어야 한다. 물론 이전에 AngularJS와 부트스트랩을 사용해봤다면, 그리고 좀 더 배우고 싶다면, 제대로 책을 고른 것이다. ★ 이 책의 구성 ★ 1장, Hello, {{name}} 간단한 Hello, World 앱을 만들며 AngularJS와 부트스트랩의 기본을 알아본다. 2장, AngularJS와 부트스트랩 사용 이 책을 통해 최종적으로 만들어 볼 앱을 소개하고, 부트스트랩의 그리드 시스템과 몇 개의 AngularJS 컴포넌트를 알아본다. 3장, 필터 AngularJS의 내장 필터들을 알아보고 자체 필터도 만들어 본다. 4장, 라우팅 AngularJS의 내장 라우터를 사용해보고, 멀티뷰 웹앱을 만들기 위해 어떻게 템플릿을 사용하는지 살펴본다. 5장, 뷰 생성 부트스트랩 그리드 시스템을 자세히 알아보고, 템플릿에 살을 붙인다. 6장, CRUD 생성과 읽기, 갱신, 삭제 함수를 구현하고 뷰에 적용된 모습을 살펴본다. 7장, AngularStrap AngularJS에서 모든 부트스트랩 플러그인을 사용할 수 있게 해주는 서드파티 모듈을 알아본다. 8장, 서버 연결 서버에 연결하는 공식적인 두 가지 방법에 대해 알아본다. 9장, 태스크러너 사용 그런트Grunt와 걸프Gulp를 사용해 모든 JS와 Less 파일을 축소화한다. 10장, 부트스트랩 스타일 변경 Grunt.js로 설정한 부트스트랩을 개인 기호에 맞게 변경하는 방법을 살펴본다. 11장, 유효성 검증 AngularJS가 제공하는 유효성 검증을 알아본 후, 자체 유효성 검증을 구현해보고 서버 에러를 처리해본다. 12장, 커뮤니티 도구 AngularJS 커뮤니티에 있는 몇 가지 도구를 살펴본다. 부록 A, 참고할 만한 프로젝트와 개발자 AngularJS와 부트스트랩 분야에서 활약하는 주요 개발자와 참고할 만한 프로젝트를 알아본다. 부록 B, 도움이 필요할 때 참고할 만한 곳 개발 시 궁금한 점이 있을 때 참고할 만한 곳을 살펴본다. 부록 C, 연습문제 해답 각 장 마지막에 있는 연습문제의 해답을 볼 수 있다.

★ 지은이의 말 ★

HTML과 CSS를 이용한 웹 개발 기술을 한 단계 더 발전시키고 싶다면 이 책이 적합하다. 이 책을 통해 웹앱을 만드는 데 필요한 모든 것을 알 수 있다. 부트스트랩과 AngularJS의 기초부터 각 프레임워크가 어떤 역할을 하는지 자세히 알아본다. 이론을 완벽히 이해한 후, 이론을 토대로 연락처 관리 프로그램을 만들어 본다.
앱에 필요한 필터, 라우팅, 뷰에 대해 알아보고, 더 발전된 프로그램을 위해 CRUD(Create, Read, Update, Delete)를 사용하는 방법에 대해 배운다. 앱과 서버를 연결하는 방법을 배우고, 부트스트랩을 사용해 원하는 스타일로 수정하고, 디렉티브를 만들어 본다. 이와 함께 Less나 걸프(Gulp), 그런트(Grunt), AngularStrap과 같은 추가적인 기술에 대해서도 알아본다. 마지막으로 오류를 범할 가능성이 있는 부분을 살펴보고, 그 문제를 어떻게 방지할 수 있는지 알아본다.
수많은 스크린샷이 첨부된 단계별 가이드를 따라가다 보면, 머지않아 웹앱을 만들 수 있을 것이다.

★ 옮긴이의 말 ★

'백문이 불여일견'이라는 속담이 있습니다. 이 속담은 개발을 할 때도 동일하게 적용됩니다. 아무리 여러 번 책을 읽어도 이해되지 않던 부분이 컴퓨터 앞에 앉아 키보드를 잠깐 두드리면 이해가 됩니다. 그런 측면에서 이 책은 AngularJS와 부트스트랩을 배우는 가장 좋은 책입니다.
구글에서 관리하고 있는 오픈소스 웹 개발 프레임워크 AngularJS는 그 기능과 편리함으로 수많은 유저를 끌어 모았고 유저의 수가 기술의 발전과 직결되는 오픈소스의 특성상 현재는 단점을 발견하기 힘든 프레임워크로 성장했습니다. 트위터에서 시작된 부트스트랩 역시 AngularJS와 비슷한 이유로 많은 사람들이 애용하고 있습니다.
최근 웹 세상을 발 빠르게 따라가기 위해선 적절한 오픈소스 기술을 신속히 조합해 제품을 생산하는 것이 필요합니다. 그런 면에서 AngularJS와 부트스트랩은 완벽한 조합이라고 할 수 있습니다. 컴퓨터 앞에 앉아 이 책을 읽다 보면 어느새 멋
진 웹사이트가 완성되어 있을 것이고 유연한 확장성과 효율적인 생산성의 장점을 온몸으로 느낄 수 있을 것입니다.
지면을 빌려, 개발뿐만 아니라 인생의 영감을 불어넣어 주신 허태명 책임님, 현수명 책임님께 감사의 인사를 전하며, 특히 번역 리뷰를 비롯해 사소한 요청에도 최선을 다해준 장준호 님에게도 감사함을 표합니다. 부족한 저와 함께 책의 출간을 위해 많은 노력을 해주신 에이콘출판사 직원분들께 감사드리며 마지막으로 번역 작업을 진행하는 동안 퇴근하고도 가족과 함께 시간을 보내지 못함을 이해해주고 어려운 시간을 함께 노력해준 왕지은 님께 무한한 감사의 마음을 전합니다.

목차
1장. Hello, {{name}}
__설정
__AngularJS와 부트스트랩 설치
____부트스트랩 설치
____AngularJS 설치
____AngularJS 사용
____부트스트랩
__연습문제
__요약
2장. AngularJS와 부트스트랩 사용
__설정
__발판
____내비게이션
______부트스트랩 그리드의 이해
____디렉티브 사용
____ng-click과 ng-mouseover
______ng-init
______ng-show와 ng-hide
____ng-if
______ng-repeat
______ng-class
______ng-style
______ng-cloak
__연습문제
__요약
3장. 필터
__뷰에 필터 적용
____통화와 숫자
____소문자와 대문자
____limitTo
____날짜
____필터
____orderBy
____JSON
__자바스크립트에서 필터 적용
__자체 필터 생성
____모듈
______모듈 생성
____필터 생성
__연습문제
__요약
4장. 라우팅
__ngRoute 설치
__기본 라우터 생성
__매개변수를 이용한 라우트
__폴백 라우트
__HTML5 라우팅 또는 # 지우기
____HTML5Mode 사용
__라우트 연결
__연습문제
__요약
5장. 뷰 생성
__인텍스 뷰 그리기
__연락처 추가 뷰 그리기
____수평 폼
__연락처 보기 뷰 그리기
____제목과 그라바타
____form-horizontal 클래스
__연습문제
__요약
6장. CRUD
__읽기
____뷰 간의 데이터 공유
_____$rootScope를 통한 데이터 공유
_____자체 서비스 생성
_____자체 서비스 돌리기
_____라우트 매개변수 사용
_____자체 디렉티브 생성
_____알맞은 줄바꿈
_____검색과 활성화 페이지 클래스 추가
______검색
______활성화 페이지 클래스
__생성
__수정
____Scope 속성
____컨트롤러
____모든 조각을 모아서 완성
__삭제
__연습문제
__요약
7장. AngularStrap
__AngularStrap 설치
__AngularStrap 사용
____모달 창
____툴팁
____팝오버
____알림
__AngularStrap 서비스 사용
__AngularStrap 적용
__연습문제
__요약
8장. 서버 연결
__$http를 사용한 연결
____데이터 보내기
__ngResource를 사용한 연결
____ngResource 가져오기
____ngResource 설정
____서버로부터 받기
____서버로 보내기
____연락처 삭제
____에러 다루기
__그 외의 서버 연결 방법
____RestAngular
______RestAngular 사용
____Firebase
__연습문제
__요약
9장. 태스크러너 사용
__노드와 NPM 설치
__그런트 사용
____커맨드라인 인터페이스 설치
____그런트 설치
______package.json 파일 생성
______Gruntfile.js 파일 구축
______그런트 실행
______감지 설정
______기본 태스크 생성
__걸프 사용
______전역 걸프 설치
______걸프 의존성 설치
______걸프 파일 설정
__프로젝트 구조 변경
__연습문제
__요약
10장. 부트스트랩 스타일 변경
__그런트와 걸프를 사용한 Less 컴파일
____소스 다운로드
____그런트를 사용한 컴파일
______감지와 라이브리로드 설정
_____걸프를 사용한 컴파일
______감지와 라이브리로드 설정
__Less 101
____불러오기
____변수
____중첩 규칙
____믹스인
__부트스트랩 스타일 변경
____폰트
____내비게이션 바
____폼
____버튼
__부트스트랩 테마
__추가적인 부트스트랩 테마
__연습문제
__요약
11장. 유효성 검증
__폼 유효성 검증
____패턴 유효성 검증
____최소길이, 최대길이, 최소, 최대값 사용
____자체 검증 생성
__연습문제
__요약
12장. 커뮤니티 도구
__바타랑
____바타랑 설치
__스코프와 속성 검사
____성능 모니터링
____의존성 도식화
____바타랑 옵션
__ng-annotate
____ng-annotate 설치
____그런트에서 ng-annotate 사용
______태스크 설정
______감지 태스크에 넣기
____걸프에서 ng-annotate 사용
__연습문제
__요약
부록 A. 참고할 만한 프로젝트와 개발자
__부트스트랩 프로젝트와 개발자
____코어 팀
____부트스트랩 엑스포
____BootSnipp
____@mdo의 코드 가이드
____Roots
____Shoelace
____서브라임 텍스트 부트스트랩 3 도구
____Font Awesome
____부트스트랩 아이콘
__AngularJS 프로젝트와 개발자
____코어 팀
____RestAngular
____AngularStrap과 AngularMotion
____AngularUI
____모바일 AngularUI
____Ionic
____AngularGM
__이제 여러분 차례다...
부록 B. 도움이 필요할 때 참고할 만한 곳
__공식 문서
__깃허브 이슈
__Stack Overflow
__AngularJS 구글 그룹
__Egghead.io
__트위터
부록 C. 연습문제 해답