질문입니다.

Question

저도 아래와 같은 질문이 있습니다. todoinput.vue 파일 내부에 아래처럼 구성된 경우에는 헬퍼함수를 어떻게 써야할지 궁금합니다. 함수안에 매서드 호출만 존재하는게아니라 if조건문이 들어있어서.. 이경우도 헬퍼 함수를 쓸수 있을 거 같은데.. 어찌 써야 할지 감이 안와서요~ 알려주시면 많은 도움이 될 거 같습니다.  addTodoItem () { if ( this . newTodoItem !== '' ) { this . $store . commit ( ' addAppItem ' , this . newTodoItem) ; this . clearTodoItem () ; } else { this . showModal = ! this . showModal } }

캡틴판교 · Answer

안녕하세요 8miles님 좋은 질문 주셨네요! 말씀하신 헬퍼 함수는 이 경우에 조금 적합하지 않을 수 있습니다. 제가 강좌에서 다룬 헬퍼 함수의 목적은 스토어의 코드를 그대로 컴포넌트 단에 연결하는 것입니다. 따라서, 헬퍼 함수를 연결한다고 했을 때 위의 `addTodoItem()`의 로직이 그대로 스토어로 가야하는데 이건 바람직하지 않은 모습일 것 같아요. 스토어에는 가급적 데이터 요청과 상태를 바꾸는 로직에 집중하시고 그 외 표현부와 관련된 로직은 컴포넌트 단에서 처리하시면 좋을 것 같습니다 :)