
227
CHAPTER 05
컴포지션 API
컴포저블을 잘 쓰면 애플리케이션의 상태 관리 로직의 모듈화, 구조화 수준을 높일 수 있
다. 자신만의 컴포저블 라이브러리를 구축하고 전혀 다른
Vue
프로젝트에서 재사용할 수
도 있다. 테마 제어, 데이터 유입, 매장 결제 관리 등등 활용 범위는 무궁무진하다. 참고로
VueUse
3
는 각종 컴포저블 자료의 보고다. 다양한 요건에 대응하며, 꼼꼼히 테스트되었고,
지금 당장 프로젝트에 투입될 수 있는 수많은
Vue
컴포지션 유틸리티로 가득하다.
컴포저블의 모든 반응형 상태는 훅을 사용할 때만 작동하므로 믹스인 등에서 데이터가 중복
될 염려를 덜 수 있다. 또한 컴포넌트 테스트는 더욱 단순해진다. 엘리먼트에 사용되는 컴포
저블을 개별적으로 테스트할 수 있으므로 컴포넌트의 로직은 더욱 작고 관리하기 쉽게 유지
된다.
컴포지션
API
와 컴포저블을 알게 되었으니 자신만의 컴포저블 시스템을 만들어 컴포넌트에
도입해보는 것은 어떨까?
정리정리
이번 장에서는 옵션
API
로 제작된 컴포넌트를
setup
함수, 반응성, 라이프사이클 훅 등의 컴
포지션
API
로 전환하는 방법을 알아보았다. 또한 커스텀 컴포저블을 만들어 코드 재사용성
을 높이는 방법도 배웠다. 이러한 지식을 바탕으로 각
API
의 장단점과 사용 사례를 이해하고
더 나은 개발 결과를 ...