Pinia 개념 정리

오늘의 학습 주제

Vue 상태 관리 라이브러리 Pinia

Pinia란?

Pinia는 Vue에서 사용하는 공식 상태 관리 라이브러리로,
여러 컴포넌트에서 공통으로 사용하는 상태(state)를 중앙에서 관리할 수 있도록 도와준다.

컴포넌트 수가 많아질수록 props, emit으로 데이터를 전달하는 데 한계가 생기는데
Pinia를 사용하면 이러한 복잡함을 해결할 수 있다.

핵심 개념

• state: 전역으로 공유되는 데이터
• getters: state를 가공한 계산 값 (computed 역할)
• actions: state를 변경하는 로직을 담당

Pinia의 장점

• Vue 공식 권장 상태 관리 라이브러리
• Vuex보다 문법이 단순하고 직관적
• TypeScript와의 궁합이 좋음
• store 단위로 상태 관리가 가능해 구조가 명확함

Vuex와의 차이

Vuex는 mutation을 반드시 거쳐야 했지만,
Pinia는 action만으로 상태를 변경할 수 있어 코드 흐름을 이해하기 쉽다.

느낀 점

Pinia를 사용하면 전역 상태를 깔끔하게 관리할 수 있을 것 같다는 생각이 들었다.
앞으로 Vue 프로젝트에서는 Pinia를 적극적으로 활용해보고 싶다. Pinia를 사용하면 전역 상태를 깔끔하게 관리할 수 있을 것 같다는 생각이 들었다.
앞으로 Vue 프로젝트에서는 Pinia를 적극적으로 활용해보고 싶다.