현재 Vue.js 를 활용한 프론트엔드 개발과 Node.js 를 활용한 백엔드를 진행하고 있다. 기존의 .Net Web Framework 와 html, css, jQuery 를 이용한 레거시코드들을 프로젝트로 활용했었고, 이번 프로젝트의 경우 내 주도권이 큰 관계로 V
(1) 에 이어서 이번 포스팅에서는 프로젝트에서 사용했던 Flux 패턴에 대해서 소개하고자 한다. 그를 위해 사전지식부터 차근차근 정리하려고 한다.Vue 나 React 의 경우 무수히 많은 컴포넌트로 구성되어 있다. 데이터를 관리하기 위한 상태관리 패턴인 Vuex는 R
Axios 설치Axios로 통신직접 Axios를 호출한다api 디렉토리 및 모듈파일들을 생성한다axios.post() 의 결과는 Promise 이기 때문에 async + await 형태로 포현했다. 가장 중요한 것은 협업하는 팀원들과 컨벤션을 준수해서 개발하는 것이 좋
위와 같이 기본적인 구조로 작성되어 있다. 특징은 아래와 같다.라우터를 분리해서 URL 스플릿을 실현컴포넌트별로 분리해서 중복 사용되는 .vue 파일을 모아놓음views를 Layout 별로 분리한게 아니라 router에 따라 분리flux 패턴 적용을 위한 vuex사용,