AngularJS로 하는 웹 애플리케이션 개발

책 소개

★ 목차 ★ 1장 앵글러JS 철학 앵글러JS와의 첫 만남 프레임워크에 익숙해지기 프로젝트에서 자신만의 길 찾기 커뮤니티 온라인 학습 자료 라이브러리와 확장성 도구 배터랭 플렁커와 제이에스피들 IDE 확장 기능과 플러그인 앵글러JS 집중 강좌 Hello World: 앵글러JS 예제 양방향 데이터 바인딩 앵글러JS의 MVC 패턴 전체 살펴보기 스코프 심화 뷰 모듈과 의존성 주입 앵글러JS의 모듈 객체들과의 연동 서비스 등록 모듈 생명주기 다른 모듈에 의존하는 모듈 앵글러JS와 나머지 세상 제이쿼리와 앵글러JS 사과와 오렌지 미래 살짝 엿보기 정리 2장 빌드와 테스팅 샘플 애플리케이션 소개 문제 도메인에 익숙해지기 기술 스택 영구 저장소 몽고랩 서버 측 환경 서드파티 자바스크립트 라이브러리 부트스트랩 CSS 빌드 시스템 빌드 시스템 원칙 모두 자동화 빠른 실패와 빠른 수습 다른 절차라면 다른 명령으로 빌드 스크립트도 코드다 도구 Grunt.js 테스트 라이브러리와 도구 Jasmine Karma 실행기 파일과 폴더 구조 루트 폴더 소스 폴더 내부 앵글러JS 관련 파일 시작은 간단하게 테스트 폴더 내용 파일 명명 규칙 앵글러JS 모듈과 파일 하나의 모듈은 하나의 파일로 모듈 내부 제공자를 등록하는 여러 가지 문법 설정과 실행 범위를 선언하는 문법 자동화된 테스트 단위 테스트 Jasmine 테스트 구조 앵글러JS 객체 테스트 서비스 테스트 컨트롤러 테스트 목 객체와 비동기 코드 테스트 종단 간 테스트 일일 작업 흐름 Karma 실행기 팁 특정 테스트만 실행 디버깅 정리 3장 백엔드 서버와의 통신 $http로 XHR과 JSONP 요청 생성 데이터 모델과 MongoLab URL에 익숙해지기 $http API 빠르게 살펴보기 설정 객체 입문 요청 데이터 변환 HTTP 응답 처리 응답 데이터 변환 동일 출처 정책 제한 다루기 JSONP로 동일 출처 정책 제한 극복 JSONP의 한계 CORS로 동일 출처 정책 제한 극복 서버 측 프락시 $q 프라미스 API 프라미스와 $q 서비스 사용 $q 서비스 기본 일급 자바스크립트 객체인 프라미스 콜백 모음 콜백 등록과 프라미스 생명주기 비동기 동작 체이닝 $q 심화 앵글러JS의 $q 통합 $http와 프라미스 API RESTful 엔드포인트와 통신 $resource 서비스 생성자 기반 메소드와 인스턴스 기반 메소드 $resource가 생성하는 비동기 메소드 $resource 서비스의 한계 $http로 만든 사용자 정의 REST 어댑터 $http 추가 기능 사용 응답 가로채기 $http와 통신하는 테스트 코드 정리 4장 데이터 포맷과 출력 디렉티브에 대한 참조 표현식 평가 결과 출력 인터폴레이션 디렉티브 ngBind로 모델 값 렌더링 앵글러JS 표현식 안의 HTML 조건부 출력 조건별로 특정 블록 추가 ngRepeat 디렉티브로 컬렉션 렌더링 ngRepeat 디렉티브 익숙해지기 특별한 변수 객체의 프로퍼티 순회 ngRepeat 패턴 리스트와 세부 내용 테이블, 요소, 클래스 수정 DOM 이벤트 핸들러 DOM 기반 템플릿의 효율적인 사용 장황한 문법 ngRepeat과 여러 DOM 요소 실행 중에 변경할 수 없는 요소와 속성 사용자 정의 HTML 요소와 오래된 버전의 IE 필터로 모델 다루기 기본 제공 필터 서식 변경 필터 배열 변경 필터 사용자 정의 필터 생성: 페이지 번호 매기기 예제 자바스크립트 코드에서 필터 접근 필터 주의 사항 필터와 DOM 조작 필터의 데이터 변형 비용 불안정한 필터 정리 5장 고급 폼 작성 기본 폼과 AngularJS 폼 비교 ngModel 디렉티브 소개 사용자 정보 폼 작성 input 디렉티브의 이해 필요한 값 검증 문자 기반 input 사용 체크박스 input 사용 라디오 input 사용 select input 사용 간단한 문자열 옵션 ngOptions 디렉티브를 사용한 동적인 옵션 select 디렉티브로 빈 옵션 처리 select와 객체 동치 이해 여러 개의 옵션 선택 기존 HTML hidden input 필드 서버가 생성한 값에 포함된 경우 기존 HTML 폼 제출 ngModel 데이터 바인딩 심화 학습 ngModelController 모델과 뷰의 값 변형 값 변경 여부 추적 input 필드 유효 여부 추적 AngularJS 폼 검증 ngFormController name 속성으로 폼을 스코프에 추가 사용자 정보 폼에 동적인 동작 추가 유효 검사 오류 보여주기 저장 버튼 비활성화 브라우저 자체 검증 기능 비활성화 다른 폼과 중첩된 폼 재사용 가능한 컴포넌트로서의 서브 폼 사용 서브 폼 반복 사용 반복되는 input 검증 기존 HTML 폼 제출 서버로 바로 폼 제출 제출 이벤트 다루기 ngSubmit으로 폼 제출 ngClick으로 폼 제출 사용자 정보 폼 초기화 정리 6장 내비게이션 구성 단일 페이지 웹 애플리케이션의 URL HTML5 이전 시대의 해시뱅 URL HTML5와 history API $location 서비스 사용 $location 서비스 API와 URL 이해 해시, 페이지 내비게이션, $anchorScroll HTML5 모드 설정 클라이언트 측 서버 측 $location 서비스로 직접 내비게이션 작성 페이지 경로 작성 경로에 URL 연결 경로마다 컨트롤러 정의 직접 제작한 내비게이션의 단점 AngularJS 내장 경로 서비스 사용 기본적인 경로 정의 일치하는 경로의 내용 보여주기 변경되는 경로 찾기 기본 경로 설정 경로의 매개변수 값 사용 서로 다른 컨트롤러에서 파셜 재사용 경로 변경 시 깜빡거림 현상 제거 경로 변경 방지 $route 서비스의 한계 한 화면의 한 영역에 대한 경로 ng-include로 여러 UI 영역 다루기 지원하지 않는 중첩 경로 경로 패턴, 팁, 트릭 링크 다루기 클릭 가능한 링크 작성 HTML5와 해시뱅 모드에서도 동일하게 동작하는 링크 외부 페이지 링크 경로 정의 구조화 경로 정의를 여러 개의 모듈로 분할 경로 정의 시 중복 코드 제거 정리 7장 애플리케이션 보안 서버 측에서 인증과 허가 제공 인증되지 않은 접근 처리 서버 측 인증 API 제공 파셜 템플릿 보호 악의적인 공격 차단 쿠키 스누핑(중간자 공격) 방지 크로스사이트 스크립팅 공격 방지 AngularJS 표현식으로 HTML 내용 보호 안전하지 않은 HTML 바인딩 허용 HTML 안전하게 만들기 JSON 주입 취약점 방지 크로스사이트 요청 위조 공격 방지 클라이언트 측 보안 추가 security 서비스 작성…

리뷰 남기기

로그인하면 리뷰를 남길 수 있어요.

리뷰 0개