jhhan의 블로그

이번 시간에는 vuex에서 mutations에 대해서 알아보겠습니다. 지난번 포스트에서는 state에 대해 알아봤는데요. (store.js 사용) state는 상태관리를 하는 항목이 들어가는 곳입니다. 그러면 state에 데이터를 넣어주면 어느 vue파일에서든지 끌어와서 쓸 수 있게 됩니다. 그리고, state에 넣어준 데이터가 변경이 되는 경우가 있을 수도 있습니다. 그런데 각각의 vue 파일에서 state 값을 변경하면 어떻게 될까요? 코딩하는 당시에는 편할 수 있겠지만, 나중에 오류가 생겼을 때 해당 vue 파일로 가서 고쳐야 합니다. 이게 큰 문제가 아니라고 생각할 수 도 있지만, vue 파일이 100개가 있다고 생각해봅시다. 그리고 100개의 파일에서 모두 state 값을 변경했다고 했고 오류가..

이번 포스트에서는 vue.js에서 많이 쓰는 라이브러리인 vuex를 알아보겠습니다. 사실 이번 포스트(vuex)는 이전부터 한 번 정리를 해보고 싶었는데.. 공부도 많이 안해봤고, 실제 적용도 어려운 것 같고, 귀찮기도 하고, 등등 여러가지 핑계를 대면서 미루다가 이제야 쓰게 됩니다. https://vuex.vuejs.org/ What is Vuex? | Vuex What is Vuex? Pinia is now the new default The official state management library for Vue has changed to Pinia. Pinia has almost the exact same or enhanced API as Vuex 5, described in Vuex 5 RFC..

이번에는 Vue.js와 관련해서 좀더 고급단계에 대해 알아보겠습니다. 책에서 설명한 대로 쓰는 것이어서 이 부분은 크게 도움이 안 될 수도 있습니다. Vuex 뷰엑스 : 애플리케이션의 상태 관리(state management)를 돕는 라이브러리 입니다. 상태 관리가 필요한 이유 어떤 하나의 컴포넌트와 최상위 컴포넌트 사이에 너무 많은 컴포넌트가 존재한다면 props로 데이터를 전달하기가 힘듭니다. (유지보수의 어려움) 이벤트 버스를 사용하면 되겠지만, 데이터의 흐름을 보기가 어려워집니다. 수십개의 컴포넌트를 가졌을 때 이벤트 버스를 사용한다면 데이터 흐름을 파악할 수 없을 것입니다. 그래서 상태 관리가 필요합니다. -> 애플리케이션에서 사용하는 모든 데이터를 중앙에서 관리 -> 크기가 큰 애플리케이션의 ..