Angular의 새로운 output() API를 만나보세요

Angular v17.3는 개발자 미리 보기로 제공되는 출력을 선언하기 위한 개선된 API를 도입했습니다. 새로운 API는 지시자에서 출력을 선언하는 과정을 단순화하고, 시그널 입력과 같은 다른 함수 기반 API와 일관성을 제공합니다. 또한, 값 출력에 대한 더 정확한 유형을 제공하여 유형 안전성을 개선하고, 미묘한 런타임 오류의 위험을 줄입니다. 개발자는 output() 함수를 사용하여 출력을 선언할 수 있습니다. 이 함수는 클래스 필드를 초기화하고 .emit 함수를 호출하여 값을 출력할 수 있습니다. 관찰 가능한 스트림 기반 출력의 경우 outputFromObservable() 함수를 사용할 수 있습니다. 새로운 API는 시그널이 아닌 보일러플레이트 코드를 줄이는 편리한 개선입니다. 지시자가 파괴될 때 자동으로 출력을 정리하고, 출력된 값에 대한 유형 안전성을 개선하는 기능을 제공합니다. 모든 출력은 OutputRef 인터페이스를 구현하여 개발자가 출력을 프로그래밍 방식으로 듣는 일관된 방법을 제공합니다. RxJS 인터옵 패키지에는 출력을 RxJS 방식으로 듣는 outputToObservable 함수가 포함되어 있습니다. 새로운 출력 API는 개발자 미리 보기로 제공되며, Angular는 커뮤니티의 피드백을 환영합니다. 개발자는 ng update를 사용하여 최신 버전의 Angular를 설치하여 새로운 API를 시도할 수 있습니다. Angular v17.3의 개선된 출력 API는 다음과 같은 여러 가지 이점을 제공합니다. - 다른 함수 기반 API와의 개념적 일관성 - 단순화된 구문 - 자동 정리 - 개선된 유형 안전성 - 일관된 프로그래밍 방식 듣기 개발자는 새로운 출력 API에 대한 피드백을 댓글, GitHub 토론 또는 기타 채널을 통해 제공할 수 있습니다. 피드백은 API를 더욱 정제하고 안정화하는 데 사용될 것입니다.