inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

검색결과 구현 3 (구현)

View.js 파일 return this의 의미가 뭔가요?

295

Rorschach

작성한 질문수 17

1

hide 나 show는 return하지 않아도 잘 작동할 것 같은데

return this를 해주는 이유가 혹시 있을까요?

앞에 강의에서 짧게 설명해주시긴 하셨는데 조금 더 설명해주시면 감사하겠습니다!

javascript vuejs

답변 2

3

김정환

메소드 체이닝을 하기위한 기법이라고 보시면 됩니다. 메소드에서 자기 역할을 모두 마친뒤 this를 반환해주면 이를 받는 쪽에서는 다른 메소드를 호출할 수 있게되죠. 질문하신 것처럼 동작과 무관하지만 '이런 기법이 있다' 정도로 참고하시면 되겠습니다.

1

Xavire

제가 발표자는 아니지만 이해한대로 설명을 드려보겠습니다. 도움이 되시길 바랍니다.

FormView라는 것이 [type='text'] [type='reset'] 이라는 컴포넌트를 가지고 있는 하나의 View또는 화면(컴포넌트)이라고 생각하시면 될것 같습니다. 이 FormView라는 화면에 포함되는 컴포넌트를 다 포함시킨 상태여야 하니, 여기서의 this는 FormView라고 보시면 될것 같습니다. 

해서 아래와 같이 FormView가 setup된 상태가 type='text' 와 type='reset'이 포함된 FormView가 된다고 보면 될것 같습니다.

FormView

     inputEl

     resetEl

이렇게 되어 있는 전체를 항상 가지게 하려고 하는 this라고 보면 될것 같습니다.

FormView.setup(document.querySelector('form'))
.on('@submit', e => this.onSubmit(e.detail.input))
.on('@reset', e => this.resetForm())

강사님, 브랜치명 어떻게 만드셨어요?

2

209

1

이미지 파일 업데이트가 안돼있는 거 같습니다

1

502

1

git사용법을 잘 모르겠습니다..

1

495

1

@event 질문입니다.

1

254

1

return 문자열이 여러줄은 어떻게 설정하나요?

1

645

2

탭뷰에서 이벤트를 받아서 메인컨트롤러에게 전달만해주는 방식도 괜찮나요?

1

257

1

ResultComponent.vue 에러?

1

251

1

선생님 안녕하세요!

0

247

1

return new Promise 와 return Promise.resolve

2

474

1

바닐라

1

320

1

실습 관련 질무

1

248

1

event.preventDefault() 문의

1

289

1

컴퍼넌트 질문이 있습니다.

0

209

1

return this에 대해서 (재업로드)

0

355

1

return this에 대해서 이해가 잘 되지 않아요

0

1175

1

강의 내용을 따라 했는데도 안되는 문제

1

309

2

크롬으로 로컬 띄었더니 에러가나네요

1

322

0

에러가 나네요

1

328

2

git checkout 중에 질문드립니다.

1

302

1

bindEvent 메소드를 왜추가하는지 궁금해서 질문드립니다.

2

576

1

안녕하세요 vue.js 처음 입문하는데 강사님 강의로 시작하게 되었습니다.

0

216

1

index 페이지에서 main.js 관련 질문입니다

1

200

1

학습내용 정리 관련 질문입니다!

0

177

1

lite-server로 구현해야하는 이유는 무엇인가요~?

1

518

2