inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

카드 생성 2 - API 연동

onSubmit 메서드 내 변수 할당에 대해 질문드립니다.

198

jaehong_choi

작성한 질문수 1

0

안녕하세요

onSubmit 메서드 내에서 const {inputTitle, listId} = this를 통해 변수를 할당하신 것에 대해 질문드립니다.

this.inputTitle, this.listId 이런식으로 사용할 수 있을 것 같은데 특별히 저렇게 사용하신 이유가 있는지 궁금합니다. 제 생각에는 가독성 및 es6의 속성 초기화 문법 (https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Object_initializer#%EC%86%8D%EC%84%B1%EC%A0%95%EC%9D%98) 을 이용하기 위해 사용하신 것 같은데 맞는지...

궁금합니다.

항상 좋은 강의 감사드립니다.

vuejs javascript

답변 1

1

김정환

const inputTitle = this.inputTitle

const listId = this.listId

로 사용할수도 있고요.

const {inputTitle, listId} = this

로도 사용할수 있습니다.

코드량이 적어서 사용한 표현이에용.

객체 구조 분해라고도 부릅니다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

객체가 함께 반환되는데 왜 그럴까요

1

135

2

babel-core module 에러

0

227

2

watch와 computed

1

247

1

nextTick 관련 질문

0

705

1

a 태그에 href를 빈 값으로 계속 주는 이유

0

768

1

함수에서 _를 사용하셨는데 어떨때 쓰이는 건가요?

0

348

1

watch로 router 감시할 때

0

407

1

보드 아이템 배경색 변경 관련 질문

0

288

1

NavigationDuplicated 에러

0

673

1

vue-router 설치 중 계속해서 오류가 발생합니다.

2

1414

2

로컬 스토리지 관련 질문입니다!

0

469

1

<router-link> 질문

0

310

1

(재질문/Vuex 적용 - 인증 1) 강의에서 8분 18초 부분 질문 있습니다.

0

285

1

router-link 와 router-view 의 차이를 모르겠습니다!

1

1090

1

왜 index.js를 바로 볼 수 있나요?

0

366

2

리스트 내 카드 이동 오류

1

542

0

보드를 추가했을 때 추가한 보드에 대한 화면 업데이트(?) 갱신(?)에 관한 질문입니다.

0

292

1

(Vuex 적용 - 인증 1) 강의에서 8분 18초 부분 질문 있습니다.

0

444

1

npm install 시 에러

0

992

2

안녕하세요 리스트 이동 관련 질문이 있습니다.

0

321

2

질문이 있습니다.

0

299

1

마지막 부분에 로그아웃 해서 로그인 화면으로 돌아왔을 때

0

268

1

소스 공유 받을수 있을까요?

0

329

1

setAuthInHeader 했는데 오류가 발생합니다.

0

250

1