container presenter

파일과 폴더를 효율적으로 나누기.
1. 폴더 구조를 실무적으로 변경하자!
2. 컴포넌트끼리 데이터를 주고 받을 수 있다
3. export와 export-default와 의 차이점

폴더구조 체계화

폴더를 잘 정리하자!
1. 컨테이너 / 프리젠테이셔널 패턴 = 유명한 고전방식
자바 스크립트 부분 - 컨테이너 / html부분 - 프리젠테이셔널
2. 훅스 패턴 = 최신 방식
함수로, 여러개의 파일로 잘게 쪼개자.
3. 아토믹 패턴
원자 만큼 잘게 쪼개자 / 파일하나에 버튼하나, 인풋칸 하나 이런식으로 쪼개서 만들고, 조립해서 만들기.

컨테이너 / 프리젠테이셔널 패턴

Container에서 Presenter를 import 해서 return에 불러와서 하나로 합쳐서 사용함.
이경우 불러와지는 Presenter를 자식 컴포넌트
자식을 감싸고있는 Container를 부모 컴포넌트라고 부름

Container의 내용중 writer와 handleChangeWriter 부분이 흐릿하게 보이는데
이는 만들어놓고 사용하지 않아서 이런식으로 표현해주는것
Presenter 부분의 onChange = {handleChangeWriger} 부분도 함수를 정의해주는 내용이 해당 파일에 없기에 실행시키면 에러가 발생함

해결방법 2가지
1. Presenter 내부에 handleChangeWriger함수를 만들기. -> 나누는 의미가 없어짐.
2. 다른 파일의 로직을 전달 받아오기 - props

props를 사용하면 부모에서 자식으로 전달이 가능함. (객체로만 전달이 가능함)
리액터의 데이터 흐름은 부모가 자식한테만 줄 수있는 단방향.