인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

an hw님의 프로필 이미지
an hw

작성한 질문수

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

[리팩토링] 할 일 모두 삭제 기능

질문이 있습니다.

작성

·

177

3

1. 리스트를 순서대로 1, 2, 3, 4로 추가 한 뒤, 페이지를 새로고침 하면 2,4,1,3 으로 순서가 변경되어서 나타납니다. 어떤 이슈가 있는 것인가요?

2. 리스트에 1을 추가한 뒤, 다시 또 1을 추가하면 Duplicate keys detected 에러가 나타납니다. 이부분은 어떻게 해결해야 할까요?

답변 2

0

오 저도 같은 질문이었는데 감사합니다

0

안녕하세요 an님, 좋은 질문이네요 :)

1. 로컬스토리지에서 값을 꺼내올 때 정렬이 안되어 있어서 그렇습니다. 꺼내온 다음 배열에서 sort() API를 사용하시면 됩니다 :)

2. 추가하실 때 배열에 이미 값이 있는지 확인하는 로직을 추가해 주시면 됩니다 :)

an hw님의 프로필 이미지
an hw

작성한 질문수

질문하기