inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

최근 검색어 구현 4 (구현)

이벤트 등록에 대해서 질문 드립니다.

146

김승엽 김

작성한 질문수 2

5

안녕하세요! 강의 정말 잘 듣고 있습니다.

지난 Tab Change 구현에서도 궁금했던 부분인데 비슷한 내용이 또 나와서 질문드립니다.

Tab li 목록에 이벤트를 등록할 때와 이번 강좌에서 remove 버튼에 이벤트를 등록할 때 유사 배열을 가져와 배열로 변경해 이벤트가 필요한 모든 객체마다 이벤트를 등록해 주는 방법을 사용하셨는데요.

이벤트를 상위 객체에 한 번만 등록해두면 이벤트 버블링을 통해 상위 객체에 전달될 테고 거기서 이벤트를 처리하는 것이 이벤트를 일일이 등록하는 것보다 비용이 적게 들어갈 것으로 생각되는데요. (HistoryView의 경우 HistoryView.el에 클릭 이벤트를 등록하고 핸들러 함수에서 이벤트 발생이 remove 버튼에서 시작됐는지 아닌지 판단하여 서로 다른 emit 호출하는 식으로)

혹시 이벤트를 일일이 등록하신 이유가 있으신지 질문드립니다.

답변 부탁드립니다. 감사합니다!

vuejs javascript

답변 1

5

김정환

안녕하세요 승엽니다. 잘 지적해 주셨습니다. 말씀하신대로 이벤트를 한 번만 등록하는 것이 더 효율적일 수 있겠다는 생각이 드네요. 강의 편의상 이벤트를 각 각 등록하였고요, 이건 vuejs 수업에서도 다루게 되는데 서로 비교할 의도로 사용했다고 생각해 주시면 좋겠습니다.

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

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

308

2

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

1

322

0

에러가 나네요

1

328

2

git checkout 중에 질문드립니다.

1

302

1

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

2

576

1

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

0

215

1

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

1

200

1

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

0

177

1

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

1

517

2