폴더 구조 체계화

다른 사람들과 협업하거나 코드가 너무 길 경우 알아보기 힘드므로 가능하면 코드를 100줄 이하로 나눠서 작성해준다.

Container와 Presenter

Container : JS부분(JavaScript)

Presenter : JSX부분(HTML)

Container에 Presenter를 import해주고

import 파일명 from "경로"

export default function() {
	//JavaScript
}
return(
	//HTML
    <파일명/>
) 

으로 작성해주면 import된 presenter가 복사되어 들어간다.
export해주는 Container는 부모component, import되는 Presenter는 자식component가 된다.