강의

멘토링

커뮤니티

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

혜정님의 프로필 이미지
혜정

작성한 질문수

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

localStorage 문의드립니다.

해결된 질문

작성

·

256

1

안녕하세요. Todo App 실습 중 궁금증이 생겨 질문드립니다.

할 일 완료 처리를 할 때,

해당 Key에 해당하는 Value의 completed가 바뀌는 것이 아니고,

추가로 Object가 생겨 completed와 item값이 바뀝니다.

새로고침 시, 제가 입력한 1/2/3/4 외에 Object의 1이 추가로 리스트에 보여지는 문제가 발생합니다.

혹시 저만 이런 문제가 발생하는지, 어떻게 고쳐야하는지 궁금합니다.

감사합니다.

답변 1

1

캡틴판교님의 프로필 이미지
캡틴판교
지식공유자

안녕하세요 throughrileysview 님,

아마 로컬 스토리지에 값을 제거하고 추가할 때 데이터가 일치하지 않아서 삭제와 추가가 따로 따로 되는 것 같습니다. 지금 같은 상황이시라면 removeItem보다 setItem 만을 활용해서 upsert 개념으로 데이터를 계속 새로 써주시는 게 나을 것 같아요..! 한번 진행해보시고 추가로 궁금하신 것 있으면 알려주세요 :)

혜정님의 프로필 이미지
혜정

작성한 질문수

질문하기