# vuex

98개의 포스트
post-thumbnail

VueJS Vuex

Vuex Vue.js application에 대한 상태관리패턴 + 라이브러리 (공식 페이지 참조 : https://vuex.vuejs.org/kr) application 모든 component들의 중앙 저장소 역할 (데이터 관리) 상위(부모) 하위(자식)의 단계가 많이 복잡해진다면 데이터의 전달하는 부분이 매우 복잡해 짐. application이 여러 구...

2022년 5월 16일
·
0개의 댓글
post-thumbnail

[TIL] 프론트엔드 Day 39

쌓여서 터져버린 나의 업보...

2022년 5월 15일
·
0개의 댓글
post-thumbnail

#2 vuex 로 전역 modal 만들기

vuex스토어를 활용한 리스트 상세보기 팝업을 만들 수 있다

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

Vuex

각 컴포넌트는 독립적으로 데이터를 관리했다. 다만, 부모 자식관계에서는 props를 통해 자식은 부모가 내려주는 데이터를 받고, emit을 통해 부모는 자식의 이벤트를 트리거함이런 독립적인 데이터 관리로 불편한 상황이 발생했는데,컴포넌트 구조가 복잡하고, 부모자식관계가

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

Vuex

오늘은 vue의 데이터관리를 효율적으로 하게 해주는 vuex에 대해서 배웠다. Vue를 처음배울때 props와 emits을 하는것은 좋았지만 구조가 복잡해지면 저\~\~~기 아래서 맨 위에까지 올린다고하면 emits을 도대체 몇번을 해야하는걸까...? 라는 생각을 하곤

2022년 5월 11일
·
0개의 댓글
post-thumbnail

vuex

vuex는 중앙 집중식 데이터 관리를 위한 vue 공식 플러그인이다.프로젝트 구조가 복잡해지면 여러 컴포넌트들간에 props, emit, provide, inject 등으로만 데이터를 주고받기엔 너무 복잡해지기 때문에 이럴 경우 vuex를 사용한다.보편적으로 이 중앙

2022년 4월 17일
·
0개의 댓글
post-thumbnail

[번역] Vue의 반응성 시스템은 당신의 생각보다 더 강력합니다.

원문: https://levelup.gitconnected.com/vue-reactivity-system-is-more-powerful-than-you-think-37b1924d681b Vue 3의 컴포지션 API와 개선된 반응성 시스템은 웹개발자들을 웃게 할

2022년 4월 9일
·
1개의 댓글

vuex store 개념

핵심 컨셉 3가지 State(상태) Mutations(변이) Actions(액션)

2022년 3월 7일
·
0개의 댓글
post-thumbnail

Vuex와 함께하는 더 나은 전역 상태 관리

현재 저희 회사는 프론트엔드 프레임워크로 Vue를 채택하여 사용하고 있습니다. 하지만 제가 담당하는 프로젝트에서 Vuex를 사용하고 있진 않았습니다. authentication 등 전역으로 관리되어야 하는 데이터를 Vue 커스텀 플러그인을 사용하고 있는 상황이었습니다.

2022년 3월 5일
·
0개의 댓글
post-thumbnail

Pinia + vue2

기존 프로젝트는 Vue2 위에서 Typescript를 적용하다보니 타입 정의가 매우 복잡했는데요. (참고로 vue3+vuex4 사용 시 더 편해졌다고 해요.)예를들어 Action 별, Mutation 별, 각 타입 지정을 위해 Enum으로 함수명을 정의해야하고 또 각

2022년 2월 22일
·
0개의 댓글

[vue] vuex-persistedstate

출처: https://uxgjs.tistory.com/207npm :: https://www.npmjs.com/package/vuex-persistedstategithub ::https://github.com/robinvdvleuten/vue

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

vuetify3 + vuex 로 간단한 쇼핑몰 웹 만들기

2022년 2월 현재 vuetify3 는 알파버전임!https://github.com/dawoonKim6487/vuetify_shopping_mallvue3 cli 프로젝트 생성후 vuetify 설치Preview 버전 선택작성중....!

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

[vue.js] Vuex 정리

vuex 정리

2022년 2월 6일
·
0개의 댓글
post-thumbnail

javascript - promise all (vue.js)

vuex에서 promise all로 여러개의 api호출을 동시에 진행한 후 로직을 실행하고 싶을때

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

Vue.js 객체 속성 및 문법, vuex 사용 형태 정리

vue.js 객체의 속성들은 무엇이 있는지 vuex를 사용할때 틀을 어떤식으로 짜면 좋은지 소개

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

Vue.js vuex 4가지 속성 정리

Vuex는 중앙 위치에서 상태를 저장하여 어떤 컴포넌트라도 쉽게 상호 작용할 수 있게 돕는 라이브러리입니다. state , mutations , actions , getter 4가지 형태로 관리가 되며 관리 포인트는 store 라 불립니다.Vue compone

2022년 1월 21일
·
0개의 댓글
post-thumbnail

Vue로 kakao map API 사용하기

회사에서 좋은기회가 생겨 vue로 카카오맵 api 를 사용하게 되었다. 지도는 프론트엔드에게 꽃이나 다름없다고 하셨는데 ㅋㅋㅋ 맞는말인지 모르겠지만 어쨌든 1년차도 안된 내게는 좋은기회라고 생각했다 카카오 주소 >https://apis.map.kakao.com/

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

Vuex와 Redux가 무엇인가!

상태관리를 제어하는 수단 즉, state 관리를 위한 패턴이자 라이브러리이다. vue나 React 같은 프레임워크나 라이브러리를 사용하는 목적 중 하나가 상태 기반으로 DOM을 렌더링하기 때문에 알아두어야 한다. Vuex란? Vuex는 상태 관리를 위한 패턴이자 라이

2022년 1월 17일
·
0개의 댓글
post-thumbnail

Vue.js Vuex와 Mixin 마지막 정리

뷰엑스란? 내가 이해한 바로 의하면 컴포넌트간의 처리 저장 공간을 대체해주는 라이브러리이다.결국 vuex를 사용하면 기존 props와 emit을 더 편하게 이용할 수 있다는 장점이있습니다.라이브러리이기에 꼭 설치해야합니다. 설치 후엔 store라는 store.js 파일

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

[sample coding] js 수표기 코드 (ex - 인스타 팔로워수)

큰 수를 그대로 출력하기보다 한글 수체계로 바꾸는 등의 작업이 필요할때가 있다.

2022년 1월 11일
·
0개의 댓글