강의

멘토링

로드맵

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

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

작성한 질문수

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

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

질문이 있습니다.

작성

·

236

3

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

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

퀴즈

리팩토링 전 앱 구조에서 발생했던 주요 문제점은 무엇이었나요?

과도한 CSS 충돌로 인한 스타일 문제

컴포넌트 간 데이터 변경사항 불일치

외부 API 서버 연결 지연 현상

번들링 과정에서의 코드 중복

답변 2

0

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

0

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

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

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

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

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

작성한 질문수

질문하기