Container/Presentational 패턴
·
✏️ Study/JS Design Patterns
📍Presentational vs Container 구분 Presentational Container 쓰임새 데이터가 유저에게 어떻게 보여질지에 대해서만 다루는 컴포넌트 어떤 데이터가 유저에게 보여질지 결정하는 컴포넌트 역할 View 비즈니스 로직 예시 강아지 사진 리스트를 렌더링하는 컴포넌트 강아지 사진들을 fetch하는 컴포넌트 📍Presentational Components - 예시 import React from "react"; export default function DogImages({ dogs }) { return dogs.map((dog, i) => ); } - props로 데이터를 받는다 - 이 컴포넌트의 주요 기능은 단순히 받은 데이터를 렌더링하는 것 - 따라서 스타일 시트를 포함하며..