Angular 20: `@Input` 데코레이터의 Signal 기반 업그레이드로 선언적이고 반응적인 컴포넌트 개발 가속화

핵심 기술: Angular 20부터 @Input 데코레이터에 Signal이 통합되어, 외부 라이브러리 없이도 컴포넌트의 입력 값을 반응적으로 관리할 수 있게 되었습니다. 이는 컴포넌트를 더욱 간결하고 강력하게 만듭니다.

기술적 세부사항:
* Signal-based Inputs: @Input({ signal: true })를 사용하여 Signal 기반 입력을 활성화할 수 있습니다.
* ngOnChanges 대체: Signal을 사용하면 ngOnChanges 라이프사이클 훅이나 수동 값 확인 없이도 입력 값 변경에 자동으로 반응합니다.
* 컴포넌트 통합: Signal 기반 컴포넌트와 매끄럽게 통합되어 일관된 반응형 개발 경험을 제공합니다.
* 코드 예시: @Input({ signal: true }) name: Signal<string>;와 같이 선언하며, name() 함수 호출로 Signal 값을 사용합니다.
* 간결한 반응성: computed signals 및 effects와 함께 사용하기 용이하며, 의존성 추적을 통해 자동으로 값이 업데이트됩니다.
* 예시 코드 분석: GreetingComponent에서 @Input({ signal: true }) name: Signal<string>;를 사용하여 입력 값을 Signal로 받아 {{ name() }}으로 템플릿에서 사용합니다. ParentComponent에서 userName 값을 GreetingComponent로 전달합니다. UserInfoComponent에서는 computed signals (isLongName) 및 effects를 사용하여 Signal 값의 변경에 따라 로직을 실행하는 예시를 보여줍니다.

개발 임팩트:
* 코드가 더 깔끔해지고 가독성이 향상됩니다.
* 자동 변경 감지 및 세밀한 반응성을 통해 성능 개선을 기대할 수 있습니다.
* RxJS와 같은 외부 라이브러리에 대한 의존성을 줄여 프로젝트를 단순화할 수 있습니다.

커뮤니티 반응: (본문에서 직접적인 커뮤니티 반응 언급 없음)

톤앤매너: 전문적이고 실용적인 톤으로 Angular 개발자에게 새로운 기능의 이점과 사용법을 명확하게 전달합니다.