강의

멘토링

커뮤니티

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

대현님의 프로필 이미지
대현

작성한 질문수

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

Renderless Component - 구현 방법과 활용처

컴포넌트 구조와 데이터 패치

작성

·

303

2

이전 수업까지는 끝 단의 component을 presentational component로 하여서 로직 없이 순수하게 마크업만 보이게 하고 비동기 작업은 부모 컴포넌트에서 하셨는데 오늘 설명 해주신 내용은 완전히 반대로 진행하는 것 같습니다.  이러한 방식의 장점이 무엇인지 수업을 듣고도 잘 이해가 되지 않습니다..

답변 2

1

캡틴판교님의 프로필 이미지
캡틴판교
지식공유자

네 대현님, 보통 API 함수를 호출해와서 화면에 표시할 때 데이터를 가공하는 경우가 많은데요. 데이터 가공 로직을 해당 컴포넌트에 넣는다고 생각하고 표현단 레벨의 컴포넌트는 좀 더 화면 조작 로직에 집중하게 만들 수 있는 하나의 방법이라고 보시면 좋을 것 같아요!

0

대현님의 프로필 이미지
대현
질문자

그러니깐 알려주신 방법은 부모 컴포넌트가 여러개의 api 호출에 대한 결과를 보여주기 위해 자식 컴포넌트마다 api를 호출하게 하는 방식이고 이전 방식은 부모가 호출한 api에 대한 데이터를 가공해서 목적에 맞게 자식 컴포넌트에 뿌려주는 거구요.  이게 맞는거죠?

대현님의 프로필 이미지
대현

작성한 질문수

질문하기