# vuex

[Vue.js] vuex 를 이제 안쓴다고?(Pinia) vue2, vue3 차이점
vue 의 새로운 공식 상태관리 라이브러리 Pinia, Vue2 -> Vue 3 마이그레이션을 해야 하는 이유 vue2 vue3 차이점

OISO
Our time is On 서비스 주소: https://hvvany.github.io/oiso/ 깃허브 프론트엔드: https://github.com/hvvany/OISO_FE 깃허브 백엔드 : https://github.com/da010228/OISO_BE 나만의

Vue State Management
[State Management] 상태(state) : 현재에 대한 정보(data) Web Application에서의 상태 ==> 현재 App이 가지고 있는 Data로 표현 가능 여러개의 component를 조합해서 하나의 App을 만들고 있음 각 component
[Vuex] state 배열 초기화
store mutations에서 배열을 초기화하기위해서 빈 배열을 할당하였는데 계속해서 남아있는 문제가 있었다.

Vuex의 Helper function
Vuex는 Vue.js 애플리케이션의 상태 관리 패턴 및 라이브러리입니다. Vuex는 중앙 집중식 저장소(store)를 제공하고, 컴포넌트 간의 통신을 편리하게 하기 위해 헬퍼 함수를 제공합니다. 이러한 헬퍼 함수는 Vuex에서 정의된 액션, 뮤테이션 및 게터와 같은

Vuex란?
Vuex는 Vue.js 애플리케이션에서 상태를 중앙 집중식으로 관리하기 위한 패턴과 라이브러리입니다. 애플리케이션의 상태는 여러 컴포넌트에서 공유되는데, 이를 관리하기 위해서는 애플리케이션의 상태를 중앙에서 관리하고 변경할 수 있는 방법이 필요합니다.Vuex는 이러한
Vue - Vuex
Vue의 상태관리를 위해 Vuex를 사용한다.store.js 혹은 store.ts파일을 만들어 아래의 코드를 작성한다.main.js 혹은 main.ts에 다음을 추가한다.import { createStore } from 'vuex'const store = createS

Vue Vuex
토큰, 세션 등 상태를 관리하는 라이브러리명령어 : npm install vuexstore/index.jsmain.jsHello.vue

(Nuxt)Vuex 연결이 안되는 에러
nuxt 프로젝트에 vuex 를 설치해 $store 전역객체를 쓰려는 순간, $store 이 undefined 로 간주되어 다음과 같은 에러가 발생했다.크롬 개발자도구를 켰을 때도 패널에 Components, Timline, Routes 만 있을 뿐 Vuex 는 표시되

📆 23.01.15 - Mixed Content
netlify CI / CD 자동화 과정에서 오류 127번이라는 친구를 만나서 어려움을 겪던 찰나에 npm run build 하여 만든 빌드 폴더를 직접 배포하여 서비스를 배포하는데 성공을 하였다.그러나 axios 요청을 하는데 response 값이 호출이 잘되지 않는

[Vue]Vuex Store 사용법
Vuex는 Vue.js 애플리케이션을 위한 상태 관리 패턴 + 라이브러리이다. 상태가 예측 가능한 방식으로만 변경될 수 있도록 하는 규칙을 사용하여 응용 프로그램의 모든 구성 요소에 대한 집중식 저장소 역할을 한다. 만약 이게 없다면, 컴포넌트 간 데이터를 주고받기 위해 부모는 자식에서 props의 방식으로, 자식은 부모에게 Emit event의 방법으로...

Vue.js_5일차(완벽가이드)
상태 관리 도구 / 여러 컴포넌트가 공유되는 데이터 속성state : 컴포넌트 간에 공유할 dataview : 데이터가 표현될 templateactions : 사용자의 입력에 따라 반응할 methodsindex.jsmain.jsSET_NEWS -> news = resp

[Vue-DRF] 새로고침 시 로그인 유지하기 (vuex-persistedstate)
이전 포스팅에서 vuex로 store를 다루는 법에 대해 배웠지만 이것을 적용시켜보면새로고침 시 store가 날아가는 것을 볼 수 있다.우리는 store로 로그인을 관리하므로 이것이 날아간다는 것은 새로고침을 하면 로그인이 풀려버리는 것인데 이를 유지하기 위해서는 vu

[Vue-DRF] Vuex로 로그인 상태 관리하기
vuex는 vue 상태(state) 관리를 위한 공식 라이브러리이다.상태 관리라는 것이 조금 생소할 수 있는데, 간단하게 요약하자면 간이DB라고 생각한다.Django를 사용하다가 프론트엔드로 넘어왔을때 가장 불편한 것은 DB의 존재였다. 예를 들어서 Django에서는

Using Constants for Mutation Types
Zzangbaguni 프로젝트의 MongoDB price collection은 {상점id,상품id,가격} 형태의 document를 가지고 있다.기존의 find_good_by_entp는그런데 해당 기능만 사용해서 API를 구현하니 상품 카드에 보여줄 수 있는 정보가 상품
Vue Vuex Advanced
실제로 Vuex는 코드 구조를 제한하지는 않는다. 하지만,애플리케이션 레벨의 상태<span style="color:2. 상태를 변경시키는 유일한 방법은 동기 트랜잭션인 mutation을 commit하는 것비동기식 로직은 캡슐화되어야 하며 action으로 구성위 규
Vue Vuex 모듈
단일 상태 트리를 사용하기 때문에 애플리케이션의 모든 상태가 하나의 큰 객체 안에 포함되게 된다.그러나 규모가 커짐에 따라 저장소가 매우 비대해질 수 있다.이를 위해 Vuex는 저장소를 모듈로 나눌 수 있다.각 모듈은 자체 <span style="backgroun
Vue Vuex 액션
액션은 mutations와 유사하다. 다른 점은,상태를 mutations시키는 대신 액션으로 mutations에 대한 commit을 한다.<span style="background-color:\`\`\`javascriptconst store = new Vuex.S