vue+typescript+vuex

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

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

Vuex란? Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리로, React의 Flux패턴에서 아이디어를 얻어 만들었습니다. Flux패턴이란? MVC패턴의 문제점 페이스북에서 말하는 MVC의 가장 큰 단점은 양방향 데이터 흐름 입니다. .png) MVC패턴에서 Controller는 Model의 데이터를 조회하거나 업데이트 하는 ...

Vuex를 사용하여 조금이라도 성능 개선하기 아주 작은 프로젝트라 크게 신경 쓸 경우는 없겠지만 만약 사이즈가 커지면 렌더링 개선이 필요하게 될것입니다. 개선점을 찾기전 Vue Devtools를 알아보고 가겠습니다. Vue Devtools란 Vue.js로 개발하는 경우

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

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

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