# vuex

30개의 포스트
post-thumbnail

Vuex란?

Vue.js공식문서에서 Vuex는 Vue의 애플리케이션에 대한 상태 관리 패턴 + 라이브러리라 표현한다.

2021년 2월 20일
·
0개의 댓글
post-thumbnail

[Vuex] vue component에서의 actions, mutations 호출 어떻게 하는 것이 좋을까?

vuex의 공식 문서를 보면, vue component는 state를 변경하기 위하여 actions를 호출하고, action는 mutations를 호출하고, mutations는 state를 변경한다.근데 생각해보면 의구심의 드는 부분이 있다. state를 변경하기 위하

2021년 2월 11일
·
0개의 댓글
post-thumbnail

[Vue.js] Vuex api (1) Get Started

🚀https://vuex.vuejs.org/kr/🚀뷰엑스는 vue.js 응용프로그램을 위한 상태 관리 패턴 + 라이브러리입니다. 상태가 오직 예상 가능한 상호작용 안에서만 적용된다는 규칙아래에서 이것은 응용프로그램의 모든 컴포넌트를 위한 중앙 저장소로 제공

2021년 1월 28일
·
0개의 댓글
post-thumbnail

Vuex, 애플리케이션 로그인 로직

Scoped속성을 가진 style 태그 <style scoped>: style태그에 선언된 CSS의 범위를 현재 컴포넌트로 제한한다.: https://vue-loader-v14.vuejs.org/kr/features/scoped-css.htmlrouter

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

Vue + Express 웹 사이트 만들기 (2) Vuex 4.0 Migration

vuex 신규 버전이 있다는 소식을 접했고 새 거 처돌이는 마이그레이션을 하기로 했다! Vuex 4.0을 사용하려면 Vue 역시 2.x에서 3.x 로 버전업해주어야 한다.이전 작업에서 frontend 소스를 건드린게 없으니 과감하게 지워버리고 vue 3를 새로 설치한다

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

[Vue] Vuex 개념 Book

사이트Github : 소스코드 확인Web : Netlify를 활용한 결과 WebSiteNetlify : 무료 정적 호스팅 서비스작업도구VSCodeVueJscore-js : ^3.6.5vue : ^2.6.11vue-router : ^3.2.0vuex : ^3.4.0구성1

2021년 1월 12일
·
0개의 댓글
post-thumbnail

[TIL]Vue+Typescirpt+Vuex 사용하기 -7 (Vue 컴포넌트 재사용 하기)

컴포넌트 재사용하기 전 게시글에서 TheListItems.vue와 Completed.vue의 구조가 거의 같은것을 볼수 있었습니다. 이런 반복된 코드는 알아보기 쉽지 않고, 복잡하고, 편하지 않습니다. 이제 Completed.vue와 TheListItems.vue에 Prop를 통해 재 사용 해보겠습니다. 본격 재 사용하기 작업을 마친뒤 어떻게 하면 재 사...

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

[TIL]Vue+Typescirpt+Vuex 사용하기 -6 (Router,getters)

Vue Router란? 라우터란? 웹 페이지간의 이동방법을 뜻합니다. 싱글 페이지 애플리케이션(SPA)에서 많이 사용(React, Vue, Angulur) 브라우저에서 웹 페이지를 요청하면 서버에서 응답을 받아 사용자에게 답해주는 시간 동안 화면 상에 깜빡거리는 현상이

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

[TIL]Vue+Typescirpt+Vuex 사용하기 -5 (Store 모듈화 하기,Vuex helper)

Vuex모듈화 하기 크기가 큰 프로젝트를 작업하다 보면 Vuex를 한곳에서 관리하기가 힘들어 지게 됩니다. Store를 모듈화 해서 상태를 관리하게 된다면 좀더 직관적이게 확인할수 있습니다. 저희가 진행하는 TodoList같은 경우 규모가 작아 굳이 사용할 필요 없지만, 큰 프로젝트를 진행한다고 생각하고 진행해 보겠습니다. store/index에 작업했던...

2020년 12월 29일
·
0개의 댓글
post-thumbnail

[TIL]Vue+Typescirpt+Vuex 사용하기 -2

achievemen vue, typescript만 이용해 TodoList만들어 보겠습니다. vue 파해치기 먼저 프로젝트를 보시면 App.vue에 template, style, script 태그들이 있는데 하나하나 설명해 보겠습니다 template는 HTML, c

2020년 12월 23일
·
0개의 댓글
post-thumbnail

[TIL]Vue+Typescirpt+Vuex 사용하기 -1

왜 vue? 병역특례로 일자리를 알아보던중 ABLY에서 공고를 올렸길래 읽어보니 vue를 사용한다고 해서.. react를 접어두고 vue를 한번 공부해 보려고 합니다. VUE CLI란? created-react-app 과 같이 vue-cli는 기본 vue 개발 환경을

2020년 12월 22일
·
0개의 댓글
post-thumbnail

[Vue] Vuex - MVVM 전역상태관리, plugin, 폴더구조

Vue는 프레임워크기 때문에 전역상태관리 도구도 제공한다. EventBus처럼 컴포넌트간의 거리가 멀어지면 (깊이가 깊어지면) 발생하는 문제를 완화하기 위한 장치도 있지만, 근본적은 해결책으 제시하진 않는다. Vue에서도 역시 전역상태관리 도구가 존재한다. Re

2020년 12월 13일
·
0개의 댓글
post-thumbnail

Vue 컴포넌트

컴포넌트를 만들때 재사용성 & 범용성에 대해서 백번 고민하고 만들 것! 기껏 다 분리해서 만드는 의미가 없어지게 만들지 말자.

2020년 12월 8일
·
2개의 댓글
post-thumbnail

(수정) Promise 생성자 내 async, await 넣기 > 지양하는 방식

vuex assigns 내 Promise 객체 생성자 내부 함수 인자에 async, await 적용하는 것에 대한 필기 내용입니다. (수정사항이 있습니다. "no-async-promise-executor"라는 eslint issue로 이러한 방식은 지양해주세요!)

2020년 12월 2일
·
0개의 댓글
post-thumbnail

TIL 002

vuex와 v-model

2020년 11월 14일
·
0개의 댓글
post-thumbnail

TIL - Vuex 모듈화

Vuex 모듈화에 대해 이전에 공부를 했었지만 실제로 업무에 적용한 건 이번이 처음이였다. 작업을 하면서도 적용할까...말까..를 반복하던 찰나에 store가 비대해짐을 느끼고 모듈화 시키기로 결정했다. index.js

2020년 10월 19일
·
0개의 댓글
post-thumbnail

10/18

브랜치 : card/addIdea : 카드 생성하는 부분이 반복 => 컴포넌트화!컴포넌트 구조 : Board > List > AddCardAddCard가 보여지는 지 여부를 List의 isAddCard 속성으로 관리AddCard에서 $emit("close") 이벤트를

2020년 10월 18일
·
0개의 댓글
post-thumbnail

10/16,17

Idea : Board를 생성하려면, 서버에 데이터를 전송해야한다.=> Api를 호출해서 서버에 데이터를 전송하고, 다시 서버로부터 보드 리스트에 대한 데이터를 호출해서 화면을 렌더링한다.Slot ? Vue Modal 컴포넌트 : https://kr.vuejs

2020년 10월 16일
·
0개의 댓글
post-thumbnail

10/12

vue-cli: $ winpty vue.cmd create <project-name> : https://where-i-go.tistory.com/135 : https://stackoverflow.com/questions/43784202/how-t

2020년 10월 12일
·
0개의 댓글
post-thumbnail

Vuex store

2020년 10월 8일
·
0개의 댓글