inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

[리팩토링] 할 일 완료 기능

toggleOneItem 메서드의 데이터에 대해 문의합니다.

218

HyeWon Jeong

작성한 질문수 1

1

안녕하세요, 강사님.

열심히 굳은 머리 돌려가며 학습중에 궁금한 점이 생겨서요.

 

할 일 목록에서 완료 처리 버튼을 클릭하면 선택한 todoItem과 index를 App.vue의 toggleOneItem으로 전달하잖아요.

이때 선택된 todoItem의 completed의 값이 이미 변경된 상태(completed: true) 더라구요. 

여기서 궁금한 부분이 2개 있습니다.

 

Q1. TotoList.vue에서는 선택 값만 전송한다고 생각했는데 (completed: false) 를 전송해야 하는거 아닌가요?

Q2. completed 값을 바꿔주는 부분이 TodoList.vue에서는 없는 것 같은데 어떻게 버튼을 클릭하자마자 값이 바뀌는건가요?

 

시간 되실때 답변 부탁드립니다.

vuex javascript vuejs es6

답변 1

1

캡틴판교

안녕하세요 혜원님, 좋은 질문이네요 :) 답변 드릴게요.

Q1. TotoList.vue에서는 선택 값만 전송한다고 생각했는데 (completed: false) 를 전송해야 하는거 아닌가요?

답변) TodoList 컴포넌트의 상위 컴포넌트인 App 컴포넌트에서 어떤 아이템이 선택됐는지 알려면 completed: false 만으로는 정보가 부족하여 로직 구현이 어렵습니다 :)

Q2. completed 값을 바꿔주는 부분이 TodoList.vue에서는 없는 것 같은데 어떻게 버튼을 클릭하자마자 값이 바뀌는건가요?

답변) 질문해주신 강의 내용 보시면 TodoList.vue에서 넘겨준 값을 App.vue에서 받아서 처리하고 있습니다 :)

Chrome 개발자 모드 확장이 안됨

0

300

1

깃 권한 요청드립니다

0

127

1

vue.js 중급 리포지토리 권한 관련

0

129

1

vuex + axios 질문 있습니다!

1

209

2

깃 권한 요청드립니다!

0

168

1

강의 깃주소 문의

0

151

1

router-view에 props를 어떻게 넘길 수 있나요?

1

292

2

Vue가 인식되지 않는 현상

0

213

1

기초강좌는 어디있나요?

1

200

2

App.vue가 필요한 이유

0

199

1

getter가 정의되어 있지 않아 오류가 발생합니다.

1

264

1

뷰 라이프사이클

1

194

1

TSLint 말고 TSLint Vue 설치해도 되나요?

1

379

3

로컬 스토리지는 어디에 있나요?

1

290

1

vuex 실행시 새로고침해야지만 리스트에 나타나는 현상

1

403

2

export default 관련한 질문

0

369

2

깃허브 vue-todo 접근불가에 따른 확인요청

1

363

2

깃허브에 문제있는것 같습니다.

1

283

2

인프런 강의 재생 화면 구성 변경 문의드립니다

1

314

2

addTodo Helper 함수 적용

1

252

1

vuex 헬퍼 전역 설정

1

254

2

github 권한요청드립니다.

1

262

2

이벤트 위치에 대한 궁금증 입니다.

1

229

2

구조 차이에 대한 문의

1

351

2