• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

vuex에 관한 질문입니다.

21.05.09 19:09 작성 조회수 128

1

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

안녕하세요.

현재 JS 그리고 Vue 실습 강좌를 수강 완료하고 다음 트렐로 강의를 막 수강 시작한 상태입니다.

현재까지 완료한 프로젝트에서 vuex와 localstorage를 활용하고 싶은데 궁금한 점이 있어 질문 드립니다.

추천 검색어와 검색 기록 부분은 localstorage에 넣고 그리고

vuex를 활용하여 컴포넌트 간 데이터 전달보다 관리를 쉽게 하기 위해 그리고 vuex라는 것을 연습해보기 위해 사용하고 싶습니다.

이러한 경우에는 설계(?)를 어떻게 해야할지 감이 안 와서 질문 드립니다.

App.vue에 있는 추천 검색어와 최근 검색어 부분을 담고 있는 데이터들을 제외한 data 변수를 모두 vuex에 넣어주고 this.$store.state.~~ 형식으로 주고받으면 되는 것인가요?

어떻게 vuex를 활용을 하고 실무에서는 어떤 변수들을 위주로 vuex를 이용하여 활용하는지 알려주시면 감사하겠습니다.

항상 감사합니다. 많은 도움이 됐습니다.

답변 1

답변을 작성해보세요.

0

App 컴포넌트의 상태만으로도 충분하도고 생각하는데요. vuex 같은 전역 스토어를 "연습"해보실 목적이시라면, App 컴포넌트의 상태를 전역 스토어로 분리해서 해보셔도 충분할 것 같습니다.

스토어 설계는 저도 어려워하는 부분인데요. 처음에 학습하실 때는 vuex의 개념과 사용법 위주로 보시고요. 설계 능력은 수차례 시행착오를 겪고 다른 코드도 보시다보면 얻을 수 있을 것 같아요.