'무겁다'던 그 앵귤러가 맞나요
프론트엔드를 좀 해본 분들에게 Angular는 묘한 위치예요. 대기업과 엔터프라이즈에서 탄탄하게 쓰이지만, '무겁고 복잡하다', 'React에 밀린다'는 이미지도 있었죠. 그런데 최근 몇 년 사이 앵귤러는 완전히 다른 프레임워크라고 봐도 될 만큼 빠르게 변신 중인데요, 이번 v22는 그 변화의 방향을 다시 한번 또렷하게 보여줍니다.
핵심은 '시그널(Signals)'이에요
앵귤러 현대화의 중심엔 시그널(Signals)이 있어요. 이게 뭐냐면, 값이 바뀌면 그걸 쓰는 화면이 알아서 다시 그려지는 '반응형 상태(reactive state)' 도구예요. 비유하자면 엑셀 같아요. A1 셀 값을 바꾸면, 그 값을 참조하는 B1 셀이 자동으로 다시 계산되잖아요. 시그널도 똑같이 '이 값이 바뀌면 여길 다시 그려라'를 자동으로 연결해 줍니다.
예전 앵귤러는 화면을 언제 다시 그릴지 판단하려고 Zone.js라는 라이브러리에 의존했어요. 이게 브라우저의 모든 비동기 동작(클릭, 타이머, 네트워크 응답)을 가로채서 '뭔가 바뀌었을 수도 있으니 화면 전체를 점검해' 하는 식이었죠. 편하긴 했지만, 실제로 안 바뀐 부분까지 매번 검사하니 낭비가 컸어요.
시그널 기반에선 '정확히 바뀐 곳'만 다시 그릴 수 있어요. 그래서 앵귤러가 밀고 있는 게 Zoneless(존리스), 즉 Zone.js 없이 동작하는 모드예요. v22는 이 zoneless를 기본값에 가깝게 끌어올리며 '불필요한 검사 없이 정밀하게 갱신한다'는 방향을 굳히고 있습니다. 번들 크기가 줄고, 큰 앱일수록 성능 이득이 커지는 변화예요.
템플릿 문법과 개발 경험도 계속 다듬는 중
조금 거슬러 올라가면 앵귤러는 ngIf, ngFor 같던 옛 문법을 @if, @for, @switch 같은 새 제어 흐름 문법으로 바꿔왔어요. 별도 모듈을 임포트할 필요 없이, 코드만 봐도 'JS의 if/for랑 똑같구나' 하고 직관적으로 읽히죠. 여기에 화면에 보일 때만 컴포넌트를 늦게 불러오는 지연 로딩(@defer), 그리고 모듈(NgModule) 없이도 컴포넌트를 쓰는 standalone(독립형) 컴포넌트가 표준으로 자리 잡으면서, 진입 장벽으로 악명 높던 부분들이 많이 사라졌어요. v22는 이 흐름 위에서 시그널 기반 폼이나 서버사이드 렌더링(SSR) 같은 영역의 안정화를 이어갑니다.
업계 맥락
재미있는 건, 프레임워크들이 죄다 비슷한 곳으로 수렴하고 있다는 점이에요. React는 컴파일러로 자동 최적화를 하고, Vue는 일찍부터 반응형 시스템을 갖췄고, Svelte와 Solid는 아예 '잘게 쪼갠 반응성(fine-grained reactivity)'을 핵심으로 내세웠죠. 앵귤러의 시그널+존리스 전환은 이 흐름에 본격 합류하면서도, 강력한 타입스크립트 통합과 일관된 공식 생태계라는 자기 강점을 그대로 유지한다는 데 의미가 있어요.
한국 개발자에게
국내에서도 금융·엔터프라이즈 쪽엔 앵귤러로 굴러가는 시스템이 적지 않아요. 기존 프로젝트를 운영 중이라면 시그널과 존리스로의 단계적 마이그레이션을 슬슬 검토할 시점이고요. 새로 배우는 분이라면 '예전 앵귤러 강의의 무거운 인상'은 잊고, standalone 컴포넌트와 시그널부터 시작하시길 권해요. 지금 앵귤러는 훨씬 가볍고 직관적이거든요.
한줄 정리: 앵귤러가 Zone.js를 내려놓고 시그널 기반의 정밀한 반응성으로 갈아타는 중이에요. 무거운 프레임워크라는 편견, 이제 다시 확인해 볼 때 아닐까요?
🔗 출처: Hacker News