🏰컨테이너 컴포넌트 안에서 프레젠테이션 컴포넌트를 사용하는 것이다🏰

프레젠테이션 컴포넌트 : UI만 있는 컴포넌트, props만 받아옴

• UI관련 프레젠테이션 컴포넌트는 src/components 경로에 저장

컨테이너 컴포넌트 : 리덕스와 연동된 컴포넌트

• 리덕스와 연동된 컨테이너 컴포넌트는 src/containers 경로에 저장

🏰만드는 방법🏰

• ⭐1. 리덕스 모듈 생성
• ⭐2. store 생성하기
• ⭐3. 컨테이너 컴포넌트에서 사용하기
• 상위 컴포넌트에서 state를 받아온 후 자식에게 뿌려주는 형식으로 사용한다.

import * as actions from 'store/modules/user'; // 모듈에서 모든 액션생성함수를
																							 // action이란 이름으로 가져옴
import { useDispatch, useSelector } from 'react-redux';

const { profileUrl } = useSelector((state) => ({
    profileUrl: state.user.profileUrl,
  }));
dispatch(actions.changeUserProfilePhoto(profileUrl));