Angular: 프로덕션 규모 웹 앱을 뒷받침하는 프레임워크
Angular는 대규모의 유지보수하기 쉬운 단일 페이지 애플리케이션을 구축하는 데 사용되는 Google의 자견이 강한 TypeScript 우선 프레임워크입니다. 컴포넌트 모델, 의존성 주입 시스템, 그리고 일급 도구들이 엔터프라이즈 팀과 규모에 맞는 구조를 원하는 개발자들이 선택하는 프레임워크입니다. 이 트랙은 레거시 패턴이 아닌 현대 Angular — 스탠드얼론 컴포넌트, Signals, 그리고 새로운 제어 흐름 문법을 갖춘 버전 19 — 을 다룹니다.
배울 내용
Angular CLI, 프로젝트 구조, Angular 19 기초부터 시작한 후 Signals 기반 반응성, 스탠드얼론 컴포넌트, 그리고 의존성 주입으로 나아갑니다. 여기서부터 템플릿 기반 및 반응형 폼, RxJS 연산자, HttpClient 인터셉터, 컴포넌트 라이프사이클 훅, 콘텐츠 프로젝션, 애니메이션, 그리고 라우팅을 다룹니다. 이후 과정에서는 NgRx와 Signal 기반 NgRx SignalStore를 통한 상태 관리, 단위 및 엔드투엔드 테스트, 국제화, 그리고 커스텀 폼 컨트롤을 다룹니다. 트랙은 변경 감지 최적화, 서버사이드 렌더링, 하이드레이션, Module Federation을 통한 마이크로 프론트엔드, 재사용 가능한 Angular 라이브러리 구축, 그리고 Angular 보안 필수 사항으로 마무리됩니다.
학습 경로
37개 과정이 A1부터 C1까지 걸쳐 있습니다. 처음 8개 과정(A1–A2)은 기초를 다집니다: CLI 설정, 스탠드얼론 컴포넌트, 파이프, 라이프사이클 훅, 그리고 양방향 바인딩. B1과 B2 과정은 실무 기술을 개발합니다 — RxJS, 고급 라우팅, 반응형 폼, 지시자 조합, 그리고 전체 테스트 범위. C1 계층은 튜토리얼 Angular와 프로덕션 Angular를 구분 짓는 것을 다룹니다: 변경 감지 및 성능, NgRx SignalStore, Angular SSR로 서버사이드 렌더링, Module Federation으로 마이크로 프론트엔드, Angular 라이브러리 구축, 그리고 Angular 보안 필수 사항.
작동 방식
각 과정은 실시간 피드백과 함께 기본 제공 코드 편집기에서 완료하는 짧고 실무 중심의 레슨으로 나뉩니다. 막힐 때마다 AI 튜터를 이용할 수 있으며, 모든 개념은 브라우저에서 직접 실행되는 연습으로 강화됩니다 — 시작하기 위해 로컬 설정이 필요하지 않습니다.