안녕하세요 질문드립니다~!

Question

mutations이든 actions든 어찌보면 component가 늘어남에 따라 수 많은 state 값 변경 연산이 있을텐데, 그걸 역할?로 나눠서 나중에 버그찾기나 유지보수 하기 쉽게 해 놓았다는 말씀이신가요?(그림으로 설명해주신것이 뭔가 와 닿지 않아서 질문드립니다. actions에 시간차를 두고 state를 변경하는 mutations을 여러개 요청 하든 mutations에서 바로 시간차를 두는 state값 변경을 요청 하든 값 변화 추적하는건 똑같지 않을까? 생각이 듭니다..)

캡틴판교 · Answer

안녕하세요 굿뜨님, 좋은 질문입니다! 일단 질문 주신 내용은 mutations에 비동기 처리 로직을 넣고 시간차로 state를 변경한다면 actions와 결국 같은 게 아니냐? 인 것 같아요. 해당 부분은 프레임워크을 설계한 사람들의 의도가 mutations 속성과 actions 속성의 역할을 구분 지으려고 했끼 때문이지 않을까 싶습니다. 프레임워크라는 게 결국 만든 사람들의 의도에 맞게 사용해야 하니까요..! 그리고 제가 개인적으로 추측하는 건 아마 Vue.js 개발자 도구와도 연관이 있는 것 같습니다. mutations 속성과 actions 속성에 구분 없이 비동기 처리 로직을 넣게 되면 개발자 도구에서 state 변경을 추적하기가 어렵지 않았을까 생각이 드네요. 충분한 답변이 되었는지 모르겠습니다. 좋은 질문 주셔서 감사하구요. 남은 강의도 재밌게 들으세요! 감사합니다 :)