앵귤러
앵귤러 고급 강좌 #1 Change Detection — Default, OnPush, Zoneless
앵귤러 성능의 심장인 Change Detection을 처음부터 끝까지 짚어봅니다. Default와 OnPush 전략, NgZone과 zone.js의 역할, 그리고 Signals를 등에 업고 등장한 Zoneless 앵귤러까지 다뤄봅니다.
앵귤러 중급 강좌 #7 테스트 — TestBed와 컴포넌트 테스트
앵귤러의 표준 테스트 환경인 TestBed로 Service와 컴포넌트를 검증하는 방법, mock 주입과 HttpTestingController 패턴, 그리고 ComponentHarness까지 정리합니다.
앵귤러 중급 강좌 #6 Guards와 Resolver
라우트 진입 전에 흐름을 가로채는 앵귤러의 Guards와 Resolver를 살펴봅니다. 함수형 가드 중심으로 canActivate, canMatch, canDeactivate, 그리고 데이터를 미리 받아두는 Resolver까지 정리합니다.
앵귤러 중급 강좌 #5 Standalone과 Lazy Loading
Standalone 컴포넌트의 의존성 모델을 다시 짚어보고, loadComponent와 loadChildren으로 라우트를 lazy하게 분할하는 패턴, 그리고 빌드 분석과 Preloading까지 한 번에 정리합니다.
앵귤러 중급 강좌 #4 컴포넌트 라이프사이클 훅
앵귤러 컴포넌트가 만들어지고 사라지기까지의 흐름과 그 사이에 끼어들 수 있는 라이프사이클 훅을 살펴봅니다. ngOnInit, ngOnChanges, DestroyRef, 그리고 Signals 시대의 effect()까지 다뤄봅니다.
앵귤러 중급 강좌 #3 RxJS 기초 — Observable과 Operator
앵귤러의 비동기 표준 도구 RxJS의 핵심 개념을 정리합니다. Observable의 구조, 자주 쓰는 operator, Subject와 BehaviorSubject, 그리고 시그널과의 관계까지 차근차근 살펴봅니다.
앵귤러 중급 강좌 #2 Template-driven Forms와 비교
앵귤러의 두 번째 폼 방식인 Template-driven Forms를 알아보고, 직전에 다룬 Reactive Forms와 어떤 점이 다른지, 언제 어느 쪽을 골라야 하는지를 비교해봅니다.
앵귤러 중급 강좌 #1 Reactive Forms와 폼 검증
앵귤러 실무 폼의 표준인 Reactive Forms를 정리합니다. FormGroup,FormControl,Validators는 물론, 커스텀 Validator와 FormArray, 비동기 검증까지 한 번에 살펴봅니다.
앵귤러 기초 강좌 #7 HttpClient로 API 호출
앵귤러의 표준 통신 도구 HttpClient를 사용해 백엔드 API와 통신하는 방법을 배우고, Observable과 toSignal을 활용한 modern 앵귤러 패턴까지 정리합니다.
앵귤러 기초 강좌 #6 Router 기초
앵귤러 Router로 다중 페이지 SPA의 골격을 잡는 방법을 살펴봅니다. provideRouter 셋업부터 routerLink, 동적 파라미터, 자식 라우트, lazy loading까지 한 번에 정리합니다.
앵귤러 기초 강좌 #5 Service와 의존성 주입
앵귤러에서 비즈니스 로직과 공유 상태를 컴포넌트 바깥으로 빼내는 도구, Service와 의존성 주입(DI)에 대해서 살펴봅니다.
앵귤러 기초 강좌 #4 Directive와 Pipe
템플릿의 표현력을 한 단계 끌어올려주는 두 도구, Directive와 Pipe를 정리합니다. Angular 17의 새 제어 흐름(@if, @for, @switch)을 중심으로 빌트인 디렉티브와 파이프, 그리고 직접 만드는 법까지 살펴봅니다.