• Vue 다시 공부하려니 헷갈려서 정리중...

Vue start

1. vscode 터미널 창 켜기
2. npm install -g @vue/cli

• 추가 설명(vue cli)
  1) Vue 개발을 위한 표준 도구
  2) 프로젝트 구성을 도와주는 역할
  3) 확장 플러그인, GUI, Babel 등 다양한 tool 제공

3. vue create vue-cli ( vue2 설치해줄 것 )
4. cd vue-cli
5. npm run serve (서버가 켜지는지 확인)

Vuex start

1. vue create vuex-app // vue 프로젝트 생성 -> 현재 vue-cli로 시작했기에 만들 필요 x
2. cd vuex-app
3. vue add vuex // Vue Cli를 통해 vuex plugin 적용

• 추가 설명
  1) src/store/index.js 가 생성됨
  2) vuex 의 핵심 컨셉 4가지

  state

     	- vue 인스턴스의 data
         - 중앙에서 관리하는 상태정보(끌어다가 모든 vue 페이지에서 사용 가능)
         - $store.state로 state 데이터에 접근
         
  #### getters
     	- state를 활용해 계산한 새로운 변수 값
     	- computed에 해당
         - 첫번째 인자로 state, 두번째 인자로 getter 받음
  #### mutations
     	- 실제로 state를 변경하는 유일한 방법
         - 첫번째 인자로 state를 받으며 component혹은 Actions에서 commit()메서드로 호출
  #### actions
     	- mutations와 비슷하지만 비동기 작업 포함 가능
         - state를 직접 변경하지 않고 commit() 메서드로 mutations 호출 -> state 변경
         - context 객체를 인자로 받음
         - dispatch() 메서드에 의해 호출
         
         

  Vue Router

• 이미 만들어진 vue 안에서

1. vue add router