핵심 요약
사람인이 Vue3, Composition API, Pinia를 도입해 인재풀 검색 필드의 공통 데이터를 전역 상태로 관리하고, 팀의 학습 및 유지보수 효율성을 높인 경험을 공유합니다.
주요 경험
- Composition API 기반 setupStore로 스토어를 정의해 전역 상태를 명확하게 관리했습니다.
- 17개 필터 항목의 공통 데이터를 조건 데이터로 공유하고, 각 컴포넌트에서 getFilters로 접근하도록 구성했습니다.
- 상태 변화에 따른 API 재호출 흐름을 watch로 구현하고, 팀 전반에 Pinia 사용을 확산시켰습니다.
얻은 인사이트
- 전역 상태 공유가 다수 컴포넌트의 데이터 흐름 관리에 효과적임을 확인했습니다.
- 양방향 바인딩과 반응형 데이터 처리가 코드 가독성과 유지보수성을 높였습니다.
- 신기술 도입 시 문서화와 기술 전파를 사전에 계획하는 것이 중요하다는 교훈을 얻었습니다.
