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

황철원님의 프로필 이미지

작성한 질문수

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

[리팩토링] mutations로 할 일 추가, 완료, 모두 삭제 구현

리스트 항목 제거

21.08.08 00:48 작성

·

130

1

리스트 제거 버튼을 천천히 하나씩 누르면 로컬스토리지에서 하나씩 제거되는 모습을 볼 수 있는데 연속적으로 빠르게 누르면 로컬스토리지에는 일부 데이터가 남아있는 현상이 나타납니다. 코드를 따라 작성했지만 저만 이와 같은 현상이 일어나나해서 글을 작성했습니다:)

답변 1

0

장기효(캡틴판교)님의 프로필 이미지

2021. 08. 11. 18:17

안녕하세요 철원님, 좋은 질문 주셨네요. 강의에서 안내한 애플리케이션에는 아마 삭제 했을때 트랜지션 효과가 들어가 있어서 즉각 삭제가 되지 않고 약간의 시간 오차가 발생할 것 같아요. 연속적으로 클릭 했을 때 해당 클릭을 모두 반영하게 하려면 트랜지션 효과를 제거하거나 클릭한 숫자를 모두 카운팅하여 삭제할 수 있는 추가 코드를 구현해 주셔야 할 것 같습니다 :)