문의를 보내주셔서 감사합니다! 팀원이 곧 연락드리겠습니다.
예약을 보내주셔서 감사합니다! 저희 팀 멤버 중 한 분이 곧 연락드리겠습니다.
코스 개요
개요
- Angular란?
- Angular 10에서 새롭게 추가된 내용은?
TypeScript와 ES6 JavaScript 개요
- TypeScript 구문
- TypeScript transpiler 사용하기
- Angular 10과 TypeScript 설정하기
Angular 10의 구성 요소 개요
- Angular CLI
- 컴포넌트
- 지시문
- 입력과 출력
- 데이터 바인딩 및 보간법
- 이벤트 바인딩
- 데이터 모델링
- 부트스트래핑
첫 번째 Angular 애플리케이션 생성하기
- 애플리케이션 계획하기
- Angular 프로젝트 설정하기
- Bootstrap 4와 Sass를 사용하여 모바일 친화적인 UI 생성하기
컴포넌트 생성하기
- 컴포넌트 라이프사이클 이해하기
- 데이터 흐름 이해하기
- 템플릿과 스타일 사용하기
- 콘텐츠 프로젝팅하기
- AppModule 작업하기
- 사용자 정의 컴포넌트 작업하기
- 뷰 캡슐화 사용하기
- 라이프사이클 훅 구현하기
- ViewChildren와 ContentChildren 사용하기
Angular 10에서 데이터 바인딩
- 속성 및 이벤트 바인딩 이해하기
- 사용자 정의 속성에 대한 별칭 바인딩 및 할당하기
- 사용자 정의 이벤트에 대한 별칭 바인딩 및 할당하기
지시문 작업하기
- 내장 지시문
- 사용자 정의 지시문
Angular 10 서비스
- 로그 기록 서비스 생성하기
- 데이터 서비스 생성하기
의존성 주입 및 프로바이더 사용하기
- 인젝터, 프로바이더, 토큰 이해하기
- 의존성 주입 구성하기
- 프로바이더 구성하기
- 서비스를 컴포넌트, 지시문 및 서비스에 주입하기
페이지 전환을 위한 라우팅
- 다른 네비게이션 방법 이해하기
- 라우팅 전략
- 라우트 설정하기
- 라우트 구성 및 로드하기
- 라우트에서 매개변수 사용하기
- 중첩 라우트 생성하기
- 리디렉션 및 와일드카드 라우트 사용하기
- 라우트 가드 이해하기
RxJS를 사용하여 Angular에서 옵저버블 생성 및 작업하기
- 옵저버블 개요
- RxJS 개요
- Angular에서 옵저버블 구축 및 사용하기
사용자 입력을 위한 폼 생성하기
- 템플릿 기반 폼 사용하기
- Reactive Forms 사용하기
- 사용자 정의 검증 생성하기
- 폼 데이터를 검증, 필터링 및 청소하기
Pipe 사용하기
- 출력 변환하기
- 내장 Pipe
- Async Pipe
- 사용자 정의 Pipe
외부 HTTP API 호출하기
- 요청 보내기
Angular 모듈 사용하기
Angular 10 애플리케이션 테스트하기
- Jasmine을 사용하여 단위 테스트하기
- Protractor를 사용하여 엔드-투-엔드 테스트하기
애플리케이션 디버깅하기
- Angular에서 오류 메시지 이해하기
- 브라우저에서 코드를 디버그하기 위해 Sourcemaps 사용하기
- TypeScript 컴파일러 진단 읽기
- Augury 사용하기
Angular 10 애플리케이션 최적화하기
- 코드 리팩토링하기
- 번들 크기 줄이기 및 데드 코드 제거하기
Angular 10 보안
- 인증의 작동 방식
- JWT 인증 사용하기
- Angular에서 작성해야 하고, 그렇지 않아야 하는 것들
Angular 10 애플리케이션을 프로덕션에 배포하기
- IIS, Apache, Nginx 등에 배포하기
Angular 10 베스트 프랙티스
문제 해결
요약 및 결론
요건
- 기본 HTML, CSS, JavaScript에 대한 이해
대상
- 개발자
28 시간
회원 평가 (4)
트레이너의 태도와 지식
Gabriel Llaurado - Allianz Technology
코스 - Angular 10 for Developers
기계 번역됨
구조에 대한 지식.
Jeffry Gonzalez - Allianz Technology
코스 - Angular 10 for Developers
기계 번역됨
Angular과 TS를 기본으로 시작해서 연습의 난이도를 좋은 방향으로 올렸습니다.
Daniel Zamorano Infante - Allianz Technology
코스 - Angular 10 for Developers
기계 번역됨
Practical examples, exercises and best practices