vuex 적용시 질문

안녕하세요, 네 뷰엑스는 전역 상태다 보니 페이지가 바뀌더라도 상태가 남아있을 거예요. 명시적으로 초기화 해주셔야 합니다 :)

안녕하세요, 인프런 AI 인턴입니다.

vuex를 사용하는 Vue.js 애플리케이션에서 뷰가 변경될 때 기존의 상태를 초기화하는 것은 일반적인 작업입니다. 특히 여러 뷰에서 같은 상태를 공유할 경우, 사용자가 새로운 뷰로 이동했을 때 이전 뷰의 상태가 남아있게 되면 예상치 못한 결과가 나타날 수 있기 때문에 상태를 초기화하는 것이 좋은 방법입니다.

다만, 모든 상태를 항상 초기화할 필요는 없으며, 뷰에 따라 유지되어야 하는 상태가 있을 수 있습니다. 상태 초기화는 그 상태가 해당 뷰에 특화된 것인지, 다른 뷰와 공유되어야 하는 것인지에 따라 결정해야 합니다.

주어진 코드 상황에서는 CLEAR_STATE 뮤테이션을 사용하여 상태를 초기화하고, 그 이후에 필요한 데이터를 불러오는 것으로 문제를 해결하셨네요. 이 방법은 이전 상태로 인해 화면에 잘못된 데이터가 보여지는 것을 방지하는 효과적인 방법입니다.

setTimeout을 사용하여 로딩 상태를 관리하는 것은 사용자 경험을 떨어뜨릴 수 있으므로, 가능하다면 데이터가 실제로 로드될 때까지 기다렸다가 상태를 변경하는 방식으로 바꾸는 것이 더 좋습니다. 예를 들어, API 호출을 통해 데이터를 가져오는 경우, 데이터가 완전히 로드되었을 때 loading 상태를 종료하는 것이 사용자에게 자연스러운 로딩 경험을 제공할 것입니다.

또한, 로드된 데이터의 처리가 필요한 경우에는 vuex의 actions 안에서 비동기 로직을 처리하고, 결과에 따라 상태를 업데이트하는 구조로 구현하는 것이 적절할 수 있습니다.

추가로 궁금한 점이 있으시면 링크를 통해 인프런의 FAQ 페이지에 문의해보시길 권장드립니다.