코스 개요

개요

  • 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)

예정된 코스

관련 카테고리