인프런 커뮤니티 질문&답변

리팩토링을 다 마치니 모두 정상적으로 작동합니다. 코드에 오류가 있어서 그랬던 것 같습니다. 감사합니다.

안녕하세요, 현재 mutations에 넣는 리팩토링 단계에 있습니다.

다름이 아니라, 1, 2, 3, 4, 5를 목록에 추가 후, 하나씩 지우고 새로고침하면 다음과 같이 개발자도구 Vue의 state의 목록에 1, 2, 3, 4, 5에 대한 배열값이 있습니다.

제가 하나하나 지우면서, 저 부분 클릭하여 배열 길이가 줄어드는 것까지 확인을 했고 localStorage에도 데이터가 없는 것을 확인했는데 다음과 같은 현상이 발생합니다.

또 간혹, BaseState 하단에 뜨는 이벤트가 클릭 한 번에, 한 건이 뜨는 게 아니고 클릭 한 번에, 두 건 혹은 클릭횟수 +1 되어서 중복으로 뜨는 경우가 있는데 캐시 문제일까요?

insert의 경우, 정상작동하다가 toggle과 deleteAll 작업 후, 위의 문제가 발생했습니다. (클릭 한 번에 이벤트 두 건씩 목록에 올라옴, localStorage는 정상적으로 값이 하나씩 있습니다.)

(클릭 시간까지 똑같이 중복으로 나옵니다.)

항상 감사합니다.

(*입력 1건당 addOneItem이 2건씩 발생하는 문제입니다.)