Node frontend 연습 with Vue

-repo: https://github.com/spyrr/vue-frontend-ex.git

spyrr/vue-frontend-ex

 

사용 패키지

- vue, axios, bootstrap-vue, vue-router

 

프로그램 구성

앞서 작성한 backend 연습에 대한 frontend 페이지

페이지 간 이벤트 통신 테스트를 위해 (eventBus 이용) sidebar를 book view에서 분리하였음

처음 만드는거라 엄청 헤멨다... 특히... 컴포넌트 간 통신..... 이제 vuex로 바꿔봐야지...-_-;

 

- event bus 이용: https://github.com/spyrr/vue-frontend-ex/commit/14f36175fd2549977e5647b3db7eb7c03bf8d826

Update event bus · spyrr/vue-frontend-ex@14f3617

- Vuex 이용: https://github.com/spyrr/vue-frontend-ex/commit/58c18a41949d4994a2319232ca18174bb2700a71

Update component communication · spyrr/vue-frontend-ex@58c18a4

- Vuex store 모듈화: https://github.com/spyrr/vue-frontend-ex/commit/c460ff8735e553f8761eb97a146d61a737659a8e

Modularize vuex store · spyrr/vue-frontend-ex@c460ff8