앵귤러
앵귤러 실전 강좌 #6 테스트와 배포 — 트랙 마무리
실전 강좌의 마지막 글입니다. 만든 대시보드에 테스트를 채우고, Docker로 묶어 Cloudflare Pages에 배포한 뒤, GitHub Actions로 CI/CD까지 한 사이클 돌립니다. 그리고 앵귤러 트랙 27편을 한 곳에서 회고합니다.
앵귤러 실전 강좌 #5 차트와 데이터 테이블
대시보드의 핵심은 결국 시각화입니다. Angular Material의 MatTable로 정렬,페이지네이션,검색을 갖춘 데이터 테이블을 만들고, ng2-charts로 매출,카테고리 차트를 그려서 우리 대시보드를 진짜 “보이는” 화면으로 만들어 봅니다.
앵귤러 실전 강좌 #4 상태 관리 — SignalStore로 정리
앞 글에서 ProductService에 직접 끼워넣었던 시그널 상태를, 이번 글에서는 @ngrx/signals의 SignalStore로 옮겨 정리합니다. withState/withComputed/withMethods/withHooks 4총사로 상태,파생값,메서드,라이프사이클을 한 곳에 모으는 흐름을 차근차근 따라가봅니다.
앵귤러 실전 강좌 #3 폼 + API로 Product CRUD
실전 강좌의 세 번째 글에서는 인증을 마친 앱에 본격적인 데이터 작업을 얹습니다. Reactive Forms와 HttpClient, Resolver를 조합해 Product를 Create/Read/Update/Delete 하는 화면을 처음부터 끝까지 만들어봅니다.
앵귤러 실전 강좌 #2 인증과 HTTP Interceptor
대시보드 골격에 인증 흐름을 채웁니다. Reactive Forms 기반 로그인, 토큰을 signal로 들고 있는 AuthService, 함수형 Auth Guard, 그리고 모든 요청에 토큰을 자동 첨부하는 HTTP Interceptor까지 — 모던 앵귤러로 인증을 한 바퀴 돕니다.
앵귤러 실전 강좌 #1 대시보드 골격 만들기
실전 시리즈의 첫 글입니다. ng new로 프로젝트를 만들고 Angular Material을 얹은 뒤, mat-toolbar와 mat-sidenav로 메인 레이아웃을 짜고 lazy loading 라우트까지 골격을 잡아둡니다.
앵귤러 고급 강좌 #7 성능 튜닝 — Virtual Scroll, Image, Profiler
앵귤러 앱의 성능을 빌드, 런타임 변경 감지, 자원 세 layer로 나눠서 정리합니다. Virtual Scroll과 NgOptimizedImage, Angular DevTools Profiler, Defer block까지 큰 앱에서 실제로 효과를 내는 도구들을 한곳에 묶어 살펴봅니다.
앵귤러 고급 강좌 #6 SSR — Angular Universal과 Hydration
Angular의 SSR 모델과 Hydration, TransferState, Pre-rendering까지 — 모던 앵귤러의 서버 사이드 렌더링을 한 번에 정리합니다.
앵귤러 고급 강좌 #5 NgRx 입문 — Store, Action, Reducer, Effect
큰 앱의 상태 흐름을 명시적으로 다스리는 도구, NgRx. Store/Action/Reducer/Effect의 역할을 한 그림에 놓고, 모던 앵귤러의 SignalStore와 Component Store까지 나란히 비교합니다.
앵귤러 고급 강좌 #4 RxJS 심화 — 커스텀 operator와 Scheduler
중급에서 다룬 RxJS 기초 위에, 실전에서 진짜 차이를 만드는 심화 주제를 정리합니다. higher-order Observable, 동시성 제어 operator, 커스텀 operator, Scheduler, marble testing까지 다루겠습니다.
앵귤러 고급 강좌 #3 동적 컴포넌트와 ViewContainerRef
런타임에 컴포넌트를 동적으로 생성하는 패턴을 정리합니다. ViewContainerRef와 createComponent부터 @defer, ngComponentOutlet, CDK Portal, 동적 인젝터, 그리고 메모리 관리까지 한 번에 다룹니다.
앵귤러 고급 강좌 #2 Signals 깊이 — computed, effect, model
앵귤러의 새 반응형 모델인 Signals를 본격적으로 들여다봅니다. computed, effect, input/output/model, linkedSignal, RxJS와의 협업까지 한곳에 정리합니다.