
Angular 2026์ RxJS: ์ฐ์ฐ์, Subject, Signals ์ํธ ์ด์ฉ
Angular 2026์ RxJS: ์ค๋ฌด์์ ์ฐ์ด๋ ์ฐ์ฐ์, Subject, Signals ์ํธ ์ด์ฉ ํจํด์ ๊ฐ์ฅ ์์ฃผ ๋์ค๋ ๋ฉด์ ์ง๋ฌธ๊ณผ ํจ๊ป ์ตํ๋๋ค.
TypeScript๋ฅผ ์ฃผ์ ์ธ์ด๋ก ํ์ฌ Google์ด ๊ฐ๋ฐํ ํฌ๊ด์ ์ธ ํ๋ก ํธ์๋ ํ๋ ์์ํฌ์ ๋๋ค. ์ปดํฌ๋ํธ ๊ธฐ๋ฐ์ ๋ชจ๋๋ฌ ์ํคํ ์ฒ, ๋ค์ดํฐ๋ธ ์์กด์ฑ ์ฃผ์ , ๋ฆฌ์กํฐ๋ธ ํ๋ก๊ทธ๋๋ฐ์ ์ํ RxJS, ํ์ฅ ๊ฐ๋ฅํ๊ณ ์ ์ง๋ณด์ ๊ฐ๋ฅํ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌ์ถํ๊ธฐ ์ํ ๊ฐ๋ ฅํ CLI๋ฅผ ์ ๊ณตํฉ๋๋ค.
๋ฐ์ฝ๋ ์ดํฐ์ ๊ณ ๊ธ ํ์ (@Component, @Injectable)์ ๊ฐ์ถ ์๊ฒฉํ TypeScript
NgModules์ lazy loading์ ๊ฐ์ถ ๋ชจ๋๋ฌ ์ํคํ ์ฒ
providers์ scopes๋ฅผ ๊ฐ์ถ ๊ณ์ธต์ ์์กด์ฑ ์ฃผ์
๋ฆฌ์กํฐ๋ธ ํ๋ก๊ทธ๋๋ฐ์ ์ํ RxJS (Observables, Operators, Subjects)
๊ฐ๋ ฅํ ํ ํ๋ฆฟ ๊ตฌ๋ฌธ (data binding, directives, pipes)
๊ฒฌ๊ณ ํ ํผ (Template-driven๊ณผ ์ ํจ์ฑ ๊ฒ์ฌ๋ฅผ ๊ฐ์ถ Reactive Forms)
guards, resolvers, lazy loading, preloading์ ๊ฐ์ถ ๊ณ ๊ธ Router
interceptors, caching, ์๋ฌ ์ฒ๋ฆฌ๋ฅผ ๊ฐ์ถ HttpClient
๋ฆฌ์กํฐ๋ธ ์ํ ๊ด๋ฆฌ๋ฅผ ์ํ Signals (Angular 16+)
ํฌ๊ด์ ์ธ ํ ์คํธ (Jasmine, Karma, TestBed, mocking, Cypress E2E)
์ด ๊ธฐ์ ์ ์ดํดํ๊ณ ๋ฉด์ ์์ ์ฑ๊ณตํ๊ธฐ ์ํ ๊ฐ์ฅ ์ค์ํ ๊ฐ๋
TypeScript: decorators, ๊ณ ๊ธ ํ์ , interfaces, generics
์ปดํฌ๋ํธ: templates, styles, lifecycle hooks, ViewChild, ContentChild
๋ฐ์ดํฐ ๋ฐ์ธ๋ฉ: interpolation, property binding, event binding, two-way binding
Directives: structural (*ngIf, *ngFor, *ngSwitch), attribute (ngClass, ngStyle), custom
Pipes: built-in (date, async, json), ์ฌ์ฉ์ ์ ์ pipes, pure vs impure
์๋น์ค์ ์์กด์ฑ ์ฃผ์ : providers, ๊ณ์ธต์ DI, injection tokens
RxJS: Observables, Operators (map, filter, switchMap, mergeMap), Subjects, unsubscribe
ํผ: Template-driven vs Reactive, FormControl, FormGroup, validators, async validators
๋ผ์ฐํ : routes, RouterLink, RouterOutlet, guards (CanActivate, CanDeactivate), resolvers
HttpClient: GET/POST/PUT/DELETE, interceptors, ์๋ฌ ์ฒ๋ฆฌ, retry logic
Change Detection: strategies (Default, OnPush), zones, ์๋ ํธ๋ฆฌ๊ฑฐ
NgModules: imports, exports, declarations, providers, lazy loading
Signals: signal(), computed(), effect(), ๋ฆฌ์กํฐ๋ธ ์ํ (Angular 16+)
์ํ ๊ด๋ฆฌ: BehaviorSubject๋ฅผ ํ์ฉํ Services, NgRx (Store, Effects, Selectors)
ํ ์คํธ: ๋จ์ ํ ์คํธ (Jasmine, TestBed), ์ปดํฌ๋ํธ ํ ์คํธ, service mocking, E2E
์ฑ๋ฅ: OnPush, trackBy, lazy loading, preloading ์ ๋ต, ๋ฒ๋ค ์ต์ ํ
Angular CLI, ๋น๋ ์ค์ , ๋ฐฐํฌ, Angular Universal์ ํ์ฉํ SSR
Angular์ ๊ดํ ์ต์ ๊ธฐ์ฌ์ ๊ฐ์ด๋๋ฅผ ํ์ธํ์ธ์

Angular 2026์ RxJS: ์ค๋ฌด์์ ์ฐ์ด๋ ์ฐ์ฐ์, Subject, Signals ์ํธ ์ด์ฉ ํจํด์ ๊ฐ์ฅ ์์ฃผ ๋์ค๋ ๋ฉด์ ์ง๋ฌธ๊ณผ ํจ๊ป ์ตํ๋๋ค.

Angular @defer ๋ธ๋ก์ ํ์ฉํ ์ ์ธ์ ์ง์ฐ ๋ก๋ฉ์ ์๋ ์๋ฆฌ, ํธ๋ฆฌ๊ฑฐ ์ ํ, ํ๋ฆฌํ์น ์ ๋ต, ์ ์ง์ ํ์ด๋๋ ์ด์ , ๋ฉด์ ์ง๋ฌธ์ ์์ธํ ๋ค๋ฃน๋๋ค.

Angular 20์์ ๋์ ๋ Resource API์ ํต์ฌ ๊ฐ๋ ์ ์ ๋ฆฌํฉ๋๋ค. httpResource์ rxResource๋ฅผ ํ์ฉํ ์๊ทธ๋ ๊ธฐ๋ฐ ๋ฐ์ดํฐ ํ์นญ, Zod ์คํค๋ง ๊ฒ์ฆ, ResourceStatus ๋ฌธ์์ด ๋ฆฌํฐ๋ด, HttpClient ๊ตฌ๋ ํจํด ๋ง์ด๊ทธ๋ ์ด์ , ๊ทธ๋ฆฌ๊ณ ์ค์ ๊ธฐ์ ๋ฉด์ ์ง๋ฌธ๊น์ง ์ฝ๋ ์์ ์ ํจ๊ป ์์ธํ ๋ค๋ฃน๋๋ค.