Vue3, Composition API와 Pinia를 이용한 상태관리 (2)

Pinia를 이용한 Vue3 상태 관리 적용 결과 및 소감

• 인재풀 서비스에 Pinia 적용: 검색 조건 변경 감지를 위해 watch 함수와 deep 속성을 활용, 상태 관리 라이브러리를 통해 컴포넌트 간 데이터 접근 용이성을 확보하고 이벤트 및 데이터 변화에 따른 로직을 간결하게 구현함.
• Pinia의 특징 및 장단점: 가볍고 직관적인 API, TypeScript 호환성, 컴포넌트별 상태 관리, 유연한 상태 관리, 성능 최적화 등의 특징을 실제 작업에서 체감. Vue3 초기 작업자 및 유지보수 담당자들의 설문 결과, 코드 가독성 향상, 간결한 코드 작성, 명확한 컴포넌트 정의 등의 장점 확인. 다만, Vue3 숙달에 시간 소요, TypeScript 미사용, 코드 스타일 혼재 등의 개선점 존재.
• 개선 방향: 불필요한 상태 변경 및 동작 개선, 코드 스타일 통일, 중복 API 호출 개선, vue-query 도입 등을 통해 프로젝트 유지보수 효율성을 높일 계획. 신기술 적용 시 기술 전파 과정의 중요성을 강조.