내 첫 Angular 블로그 – Signals를 단계별로 배우기

Source: Dev.to

소개

저는 5.7년 경력의 프론트엔드 개발자입니다.

최근에 Angular Signals를 배우기 시작했습니다. 처음에는 혼란스러웠습니다:

• 신호란 무엇인가?
• 왜 필요할까?
• 일반 변수와는 어떻게 다른가?

이 글에서는 제가 이해한 내용을 간단히 공유하려고 합니다.

무엇이 나를 혼란스럽게 했는가?

처음에 나를 혼란스럽게 한 것은 신호가 UI를 자동으로 업데이트하는 방식을 이해하는 것이었습니다. 기존 Angular 코드에서는 변수와 옵저버블을 사용했지만, 신호는 다르게 동작합니다.

내가 배운 것

signal은 반응형 값입니다. 값이 변하면 Angular가 자동으로 UI를 업데이트합니다. 수동 구독이나 변화 감지 로직이 필요하지 않습니다.

작은 예시 하나

count = signal(0);

increment() {
  this.count.set(this.count() + 1);
}

이 간단한 예시를 통해 신호를 더 잘 이해하게 되었습니다.