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

Question

강의를 수강하던중 궁금한점이 있어 질문 드립니다. 할일 목록에 이미 추가되어있는 데이터와 똑같은 데이터를 추가할 시에 개발자도구의 Console 에서 Duplicate keys detected: '123'. This may cause an update error. 이런 오류가 발생하는데 같은 데이터가 들어가게되면 업데이트 할 시에 오류를 야기할수 있다는 의미인거 같습니다. 이런 오류를 발생하지 않도록 하기 위해서는 이미 들어가있는 데이터는 재입력하지 못하도록 방지하는 로직을 추가해줘야 하는건가요? 아니면 다른 해결 방법이 있는지 궁금합니다.

캡틴판교 · Answer

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