# vuex

141개의 포스트
post-thumbnail

[Vue.js] vuex 를 이제 안쓴다고?(Pinia) vue2, vue3 차이점

vue 의 새로운 공식 상태관리 라이브러리 Pinia, Vue2 -> Vue 3 마이그레이션을 해야 하는 이유 vue2 vue3 차이점

6일 전
·
2개의 댓글
·
post-thumbnail

OISO

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

2023년 5월 28일
·
0개의 댓글
·
post-thumbnail

Vue State Management

[State Management] 상태(state) : 현재에 대한 정보(data) Web Application에서의 상태 ==> 현재 App이 가지고 있는 Data로 표현 가능 여러개의 component를 조합해서 하나의 App을 만들고 있음 각 component

2023년 5월 4일
·
0개의 댓글
·

[Vuex] state 배열 초기화

store mutations에서 배열을 초기화하기위해서 빈 배열을 할당하였는데 계속해서 남아있는 문제가 있었다.

2023년 4월 12일
·
0개의 댓글
·
post-thumbnail

Vuex의 Helper function

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

2023년 4월 9일
·
0개의 댓글
·
post-thumbnail

Vuex란?

Vuex는 Vue.js 애플리케이션에서 상태를 중앙 집중식으로 관리하기 위한 패턴과 라이브러리입니다. 애플리케이션의 상태는 여러 컴포넌트에서 공유되는데, 이를 관리하기 위해서는 애플리케이션의 상태를 중앙에서 관리하고 변경할 수 있는 방법이 필요합니다.Vuex는 이러한

2023년 4월 9일
·
0개의 댓글
·
post-thumbnail

Vue 새로운 상태 관리 Pinia

pinia는 vue의 새로운 상태관리? 기존 vuex 와 비교 해보자

2023년 3월 24일
·
0개의 댓글
·

Vue - Vuex

Vue의 상태관리를 위해 Vuex를 사용한다.store.js 혹은 store.ts파일을 만들어 아래의 코드를 작성한다.main.js 혹은 main.ts에 다음을 추가한다.import { createStore } from 'vuex'const store = createS

2023년 3월 13일
·
0개의 댓글
·
post-thumbnail

Vue Vuex

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

2023년 2월 21일
·
0개의 댓글
·
post-thumbnail

(Nuxt)Vuex 연결이 안되는 에러

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

2023년 1월 30일
·
0개의 댓글
·
post-thumbnail

📆 23.01.15 - Mixed Content

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

2023년 1월 15일
·
0개의 댓글
·
post-thumbnail

[Vue]Vuex Store 사용법

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

2023년 1월 13일
·
0개의 댓글
·
post-thumbnail

Vue.js_5일차(완벽가이드)

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

2022년 12월 30일
·
0개의 댓글
·
post-thumbnail

[Vue-DRF] 새로고침 시 로그인 유지하기 (vuex-persistedstate)

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

2022년 12월 26일
·
0개의 댓글
·
post-thumbnail

[Vue-DRF] Vuex로 로그인 상태 관리하기

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

2022년 12월 20일
·
0개의 댓글
·
post-thumbnail

Using Constants for Mutation Types

Zzangbaguni 프로젝트의 MongoDB price collection은 {상점id,상품id,가격} 형태의 document를 가지고 있다.기존의 find_good_by_entp는그런데 해당 기능만 사용해서 API를 구현하니 상품 카드에 보여줄 수 있는 정보가 상품

2022년 12월 19일
·
0개의 댓글
·
post-thumbnail

Vuex to Pinia

2022년 12월 15일
·
0개의 댓글
·

Vue Vuex Advanced

실제로 Vuex는 코드 구조를 제한하지는 않는다. 하지만,애플리케이션 레벨의 상태<span style="color:2. 상태를 변경시키는 유일한 방법은 동기 트랜잭션인 mutation을 commit하는 것비동기식 로직은 캡슐화되어야 하며 action으로 구성위 규

2022년 12월 14일
·
0개의 댓글
·

Vue Vuex 모듈

단일 상태 트리를 사용하기 때문에 애플리케이션의 모든 상태가 하나의 큰 객체 안에 포함되게 된다.그러나 규모가 커짐에 따라 저장소가 매우 비대해질 수 있다.이를 위해 Vuex는 저장소를 모듈로 나눌 수 있다.각 모듈은 자체 <span style="backgroun

2022년 12월 14일
·
0개의 댓글
·

Vue Vuex 액션

액션은 mutations와 유사하다. 다른 점은,상태를 mutations시키는 대신 액션으로 mutations에 대한 commit을 한다.<span style="background-color:\`\`\`javascriptconst store = new Vuex.S

2022년 12월 13일
·
0개의 댓글
·