inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

하이 오더 컴포넌트에서 사용할 ListView 컴포넌트 구현

선생님 하이오더 컴포넌트를 사용하는 이유는 무엇인가요?

해결된 질문

261

hyun park

작성한 질문수 9

1

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
 
안녕하세요. 선생님
하이오더 컴포넌트가 CreateListView.js이잖아요.
이걸 쓰는 이유가 중복되는 코드의 재사용이라고 하셨는데요.
NewsView, JobsView, AskView에서 List로 뿌려주는 부분이 공통적이기 ListView.vue라는 공통 컴포넌트를 만들어 줬잖아요.
그렇다면 데이터를 불러오는 부분이 공통적이면 ListView.vue처럼 공통적인 소스코드를 넣을 컴포넌트를 만들면 되지 않나요?
js파일이라는 하이오더 컴포넌트랑 공통부분을 따로 뺀 vue 파일이랑 어떤 부분이 차이점이 있는지 잘 이해가 되지 않습니다.

vuejs javascript

답변 1

0

캡틴판교

안녕하세요 현님, 좋은 질문이네요! 말씀하신 것처럼 공통의 vue 컴포넌트를 하나 만드셔도 상관 없습니다. 다만, 영상에서 안내한 하이오더 컴포넌트는 생성하는 시점에 원하는 값들을 파라미터로 넘겨서 컴포넌트의 내부 구조를 정의할 수 있는 장점이 있어서 사전에 미리 협의한 구조를 뷰 컴포넌트로 생성해 놓는 것과는 조금 차이가 있어요 :)

0

hyun park

친절한 설명 감사합니다.!! 이런 차이를 잘 알아야 효율적인 개발이 가능하겠네요 .

 

깃 권한 요청 드립니다

0

68

1

깃 권한 신청

0

61

1

깃 권한 요청드립니다.

0

119

1

깃허브 권한 요청 드립니다

0

150

1

깃허브 권한 요청 드립니다

0

168

1

깃허브 권한 요청 드립니다

0

174

1

깃허브 권한 요청 드립니다.

0

158

1

안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.

0

213

1

ide 타입추론 기능 사용할 수 없을까요??

0

217

1

컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??

0

238

1

Vue3로 진행중입니다

1

341

1

Vue router-link 사용시 같은 url이면

1

512

1

vue3 에러 메세지...

1

682

2

id ="app" 중복

0

277

2

use undefined 에러가 나옵니다.

1

328

2

깃허브 권한 요청드립니다.

1

366

2

권한요청드립니다.

1

303

2

Vue3에서 구글 애드센스 탑재하기

1

441

2

코드가 정상 작동 되는건지 ...

1

309

1

강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?

1

252

1

vuex 적용시 질문

1

294

2

라우터 버전이 안맞는데 어떤걸 써야하나요

1

387

2

UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..

1

457

2

권한요청 드립니다!

1

275

2