[코드잇] Study Note / React로 데이터 다루기 - 입력폼 다루기

React로 데이터 다루기

• MoviePedia 프로젝트 진행하면서 개념잡기
  - 영화 정보, 리뷰 작성 페이지
     MoviePedia 코드 보러가기 - Github
• Foodit 프로젝트에 개념적용 동시진행
  - 음식 정보, 칼로리 확인/작성 페이지
     Foodit 코드 보러가기 - Github

3.   입력폼 다루기

① 리액트에서 입력폼 만들기 / onSubmit, state 하나로 관리하기
② 제어컴포넌트와 비제어컴포넌트
  * 입력 Form 정리 / onChange, Form 다루기
③ File input
④ ref로 DOM노드 가져오기
  * ref와 useRef
⑤ 이미지파일 미리보기
⑥ 사이드 이펙트 (Side Effect)
  * 사이드 이펙트와 useEffect / 정리함수 (cleanup Function)
⑦ 별점 컴포넌트 만들기 / 별점 보여주기, 별점 입력