홈앤서비스 SK BROADBAND

앵귤러를 이용해 모던 웹 애플리케이션을 개발하는 방법을 알려준다. 타입스크립트의 주요 기능을 비롯해 새로운 ES6 구문과 개념, 개발 도구를 다루고 앵귤러 기초와 실전 앵귤러 애플리케이션을 개발하기 위한 기술과 기법들을 소개한다. 또한 앵귤러 애플리케이션의 주요 구성 요소를 배우면서 동시에 처음부터 앵귤러 애플리케이션을 구축하고 각 구성요소가 상호작용하는 방법을 살펴본다. 앵귤러를 구성하는 방법을 비롯해 앵귤러 애플리케이션을 설계하는 모범 사례를 익히고 사용자 경험을 향상시키는 내장 디렉티브가 포함된 앵귤러 템플릿을 빠르게 제작한다. UI 요소를 데이터 모델에 바인딩해서 모델과 UI의 변경이 동시에 일어나게 하고 HTML을 확장하는 사용자 정의 앵귤러 디렉티브를 정의하는 등의 활동을 한다.

▣ 01장: 자바스크립트 기초
자바스크립트 개발 환경 설정
변수 정의
자바스크립트의 데이터 타입
연산자
- 산술 연산자
- 할당 연산자
- 비교 연산자와 조건 연산자의 적용
반복문
- while 문
- do/while 문
- for 문
- for/in 문
- 반복문 제어
함수
- 함수 정의
- 함수에 변수 전달하기
- 함수에서 값 반환하기
- 익명 함수
변수 유효범위
자바스크립트 객체
- 객체 구문
- 사용자 정의 객체
- 객체 프로토타이핑 패턴
문자열
- 문자열 결합
- 문자열에서 부문자열 검색
- 문자열에서 단어 치환
- 문자열을 배열로 분할
배열
- 배열 결합
- 배열 순회
- 배열을 문자열로 변환
- 배열에 항목이 포함돼 있는지 검사
- 배열 항목의 추가와 제거
오류 처리
- try/catch 블록
- 사용자 정의 오류
- finally 활용
정리

▣ 02장: 타입스크립트 기초
다양한 타입
인터페이스
클래스
- 클래스 상속
모듈
함수
정리

▣ 03장: 앵귤러 시작하기
왜 앵귤러인가?
앵귤러 이해하기
- 모듈
- 디렉티브
- 데이터 바인딩
- 의존성 주입
- 서비스
책임의 분리
앵귤러 개발 환경 설정
앵귤러 CLI
- CLI를 활용한 콘텐츠 생성
기본적인 앵귤러 애플리케이션 생성
- 첫 앵귤러 앱 만들기
- NgModule의 이해와 활용
- 앵귤러 부트스트래퍼 만들기
정리

▣ 04장: 앵귤러 컴포넌트
컴포넌트 설정
- 선택자 정의
템플릿 만들기
- 앵귤러 애플리케이션에서 인라인 CSS 및 HTML 사용하기
생성자 활용
외부 템플릿 활용
의존성 주입
- 의존성 주입을 이용한 중첩 컴포넌트 제작
- 의존성 주입을 통한 데이터 전달
- Input을 사용하는 앵귤러 애플리케이션 제작
정리

▣ 05장: 표현식
표현식 사용
- 기본 표현식
- 표현식에서 Component 클래스와 상호작용하기
- 앵귤러 표현식에서 타입스크립트 사용하기
파이프
- 내장 파이프
- 내장 파이프 활용
사용자 정의 파이프
- 사용자 정의 파이프 만들기
정리

▣ 06장: 데이터 바인딩
데이터 바인딩의 이해
- 삽입식
- 프로퍼티 바인딩
- 속성 바인딩
- 클래스 바인딩
- 스타일 바인딩
- 이벤트 바인딩
- 양방향 바인딩
정리

▣ 07장: 내장 디렉티브
디렉티브란?
내장 디렉티브 사용하기
- 컴포넌트 디렉티브
- 구조 디렉티브
- 속성 디렉티브
정리

▣ 08장: 사용자 정의 디렉티브
사용자 정의 속성 디렉티브 만들기
컴포넌트를 이용한 사용자 정의 디렉티브 만들기
정리

▣ 09장: 이벤트와 변경 감지
브라우저 이벤트 사용하기
사용자 정의 이벤트 내보내기
- 부모 컴포넌트 계층 구조로 사용자 정의 이벤트 내보내기
- 리스너를 이용한 사용자 정의 이벤트 처리
- 중첩 컴포넌트에서 사용자 정의 이벤트 구현
- 자식 컴포넌트에서 부모 컴포넌트의
- 데이터 삭제하기
옵저버블 활용
- 옵저버블 객체 생성
- 옵저버블을 이용한 데이터 변경 관찰
정리

▣ 10장: 웹 애플리케이션에서 앵귤러 서비스 구현하기
앵귤러 서비스란?
내장 서비스 사용하기
- http 서비스를 이용한 HTTP GET과 PUT 요청 보내기
- HTTP 요청 구성
- HTTP 응답 콜백 함수 구현
간단한 JSON 파일 구현과 http 서비스를 이용한 접근
http 서비스를 이용한 간단한 모의 서버 구현
- 간단한 모의 서버 구현 및 http 서비스를 이용한 서버의 항목 업데이트
router 서비스를 이용한 뷰 변경
앵귤러에서 라우트 사용하기
- 단순 라우터 구현하기
내비게이션 바를 이용한 라우터 구현
매개변수가 포함된 라우터 구현
정리

▣ 11장: 사용자 정의 앵귤러 서비스 만들기
앵귤러 애플리케이션에 사용자 정의 서비스 통합하기
- 애플리케이션에 앵귤러 서비스 추가하기
상수 데이터 서비스를 사용하는 간단한 애플리케이션 구현하기
데이터 변환 서비스 구현하기
가변 데이터 서비스 구현하기
프로미스를 반환하는 서비스 구현하기
공유 서비스 구현하기
정리

▣ 12장: 앵귤러 실전 예제
애니메이션 서비스를 사용하는 앵귤러 애플리케이션 구현하기
이미지를 확대하는 앵귤러 애플리케이션 구현하기
드래그 앤드 드롭이 가능한 앵귤러 애플리케이션 구현하기
별 평점 앵귤러 컴포넌트 구현하기
정리