인프런 커뮤니티 질문&답변

hyun park님의 프로필 이미지
hyun park

작성한 질문수

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

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

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

해결된 질문

작성

·

197

1

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

답변 1

0

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

hyun park님의 프로필 이미지
hyun park
질문자

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

 

hyun park님의 프로필 이미지
hyun park

작성한 질문수

질문하기