강의

멘토링

커뮤니티

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

kkasd94님의 프로필 이미지
kkasd94

작성한 질문수

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

[리팩토링] 할 일 추가 기능

안녕하세요 강사님 강의 잘 듣고 있습니다.

작성

·

175

1

강의를 수강하던중 궁금한점이 있어 질문 드립니다.

할일 목록에 이미 추가되어있는 데이터와 똑같은 데이터를 추가할 시에 개발자도구의 Console 에서 

Duplicate keys detected: '123'. This may cause an update error.

이런 오류가 발생하는데 같은 데이터가 들어가게되면 업데이트 할 시에 오류를 야기할수 있다는 의미인거 같습니다.

이런 오류를 발생하지 않도록 하기 위해서는 이미 들어가있는 데이터는 재입력하지 못하도록 방지하는 로직을 추가해줘야 하는건가요?

아니면 다른 해결 방법이 있는지 궁금합니다.

답변 1

0

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

안녕하세요 kkasd님, 제가 답변이 늦었네요..! :) v-for 디렉티브에 연결하시는 v-bind:key에는 유일한 값만 들어가야 합니다. 키 값이 중복되는 경우 말씀해 주신 에러가 발생할 거예요. 값이 유일한지 보장하는 조건은 백엔드나 프런트 모두 신경써줄 수 있고 강의에서는 별도로 다루진 않았습니다 :)

kkasd94님의 프로필 이미지
kkasd94

작성한 질문수

질문하기