[Vue.js] Vuex 상태 관리 패턴
입사 후 첫 업무로 Vue를 활용한 프로젝트에 투입되었는데 이미 짜여져있는 상태 저장소들의 구조와 흐름을 이해하기 위해 개인적인 학습을 진행하며 정리한 내용입니당. 01. Vuex란? Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리로 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 변경 가능하다. 상태 관리 패턴을 통해 단방향 데이터 흐름의 문제점을 해결 가능하다. 01-1. 단방향 데이터 흐름 단방향 데이터 흐름에는 상태, 뷰, 액션 세가지 개념이 존재한다. 상태는 앱을 작동하는 원본 소스 뷰는 상태의 선언적 매핑 액션은 뷰에서 사용자 입력에 대해 반응적으로 상태를 바꾸는 방법 이러한 데이터의 흐름은 공통의 상태를 공유하는 컴포넌트가 많아지..
