container/presentational

소스코드를 자바스크립트(기능)와 JSX (UI) 로 나누는 방법

container는 자바스크립트(기능) 부분을 의미하고, presentational은 JSX(UI) 부분을 의미한다.

부모 컴포넌트와 자식 컴포넌트

export되는 컴포넌트를 자식 컴포넌트라고 하고
import하여 불러오는 컴포넌트를 부모 컴포넌트라고 한다.

자식컴포넌트는 부모 컴포넌트 안에 포함되며
리액트의 데이터 흐름은 단방향이기 때문에

부모컴포넌트에서만 자식컴포넌트를 불러올 수 있다

container 안에 presenter 넣기 (부모컴포넌트 안에 자식 컴포넌트 넣기)

폴더구조

회사마다 사람마다 다른겠지만 오늘의 수업에서 사용한 폴더 구조