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

이 포스팅은 Vue3의 Composition API와 Pinia를 활용한 상태 관리 경험을 공유합니다. Vue3 실무 적용 경험이 없던 필자가 인재풀 프로젝트 개편을 통해 Vue3와 Pinia를 도입하게 된 배경을 설명합니다.

총 4가지 소주제로 구성되며, 첫 번째 주제로 Vue3의 새로운 기능인 Composition API와 `<script setup>`에 대해 다룹니다. js 애플리케이션의 코드 구성과 재사용성을 향상시키는 새로운 API로, 기존 Options API와 함께 두 가지 방식으로 코드 구성이 가능함을 예시 코드를 통해 보여줍니다.

이어지는 내용에서는 Pinia의 개념과 인재풀 프로젝트에서의 실제 적용 사례, 그리고 이론적 장단점과 실제 경험을 통한 느낀점을 다룰 예정입니다. 경험을 통한 느낀점을 다룰 예정입니다.