코스 개요

Angular 18 소개

  • Angular 및 그 생태계 개요
  • Angular 18의 새로운 기능, Angular DevTools의 최신 업데이트 포함
  • 개발 환경 설정

프로젝트 설정 및 아키텍처

  • Angular CLI 사용
  • 프로젝트 구조와 파일 조직화
  • Angular 모듈과 컴포넌트
  • 성능 향상과 개발자 경험을 위한 최적화된 TypeScript 4.7 기능 활용

템플릿 및 데이터 바인딩

  • Angular 템플릿 구문
  • 인터폴레이션, 속성 바인딩, 이벤트 바인딩
  • ngModel을 사용한 양방향 데이터 바인딩

컴포넌트 및 지시자

  • 컴포넌트 생성 및 사용
  • 컴포넌트 라이프사이클 후크
  • 내장 지시자(ngIf, ngFor 등)
  • 사용자 정의 지시자

서비스 및 의존성 주입

  • 서비스 생성 및 사용
  • Angular에서 의존성 주입
  • 애플리케이션 상태 관리

라우팅 및 내비게이션

  • Angular 라우터 설정
  • 경로 및 경로 매개변수 구성
  • 새 라우팅 기능 이해 및 구현
  • 지연 로딩 및 라우트 가드

Angular에서 폼

  • 템플릿 주도 폼
  • 반응형 폼
  • 폼 검증 및 오류 처리

HTTP 클라이언트 및 Observables

  • HttpClient를 사용한 HTTP 요청
  • HTTP 응답 처리
  • RxJS Observables 작업

고급 주제

  • Angular 애니메이션
  • 국제화(i18n)
  • zoneless 변경 감지를 포함한 성능 최적화 기법

Angular에서 테스팅

  • Jasmine과 Karma를 사용한 단위 테스트
  • Protractor를 사용한 end-to-end 테스트
  • Angular 애플리케이션 테스팅의 최상의 관행

배포 및 유지보수

  • Angular 애플리케이션 구축 및 배포
  • Git을 사용한 버전 관리
  • 지속적 통합 및 전달(CI/CD) 프랙티스

마이그레이션 및 문제 해결

  • 오래된 Angular 버전으로부터 마이그레이션
  • 일반적인 함정과 이를 피하는 방법
  • Angular 18의 일반적인 문제 해결

실용적 세션

  • 실습 실험
  • 실세계 프로젝트 개발
  • 그룹 연습 및 피어 리뷰

요약 및 다음 단계

요건

  • JavaScript에 대한 이해
  • 웹 개발 경험이 있음
  • HTML과 CSS에 대한 기본 지식

대상자

  • 웹 개발자
  • 프론트엔드 개발자
  • Angular로 단일 페이지 애플리케이션(SPA)을 개발하고자 하는 모든 사람
 28 시간

참가자 수


참가자당 가격

회원 평가 (3)

예정된 코스

관련 카테고리