[React] state

드림코딩에서 리액트를 조금 공부하다가 학교 과제로 React+typescript로 해태제과 메인 페이지를 만들어보면서 JSX와  PostCSS, useState 사용에 좀 익숙해졌지만 더 진도 나가기 전에 다시 공부해야겠다 싶었다. 노마드코더 'ReactJS로 영화 웹 서비스 만들기' 강의를 들어보고 있다. 

 

일단 목표는 14개 챕터 하루에 1~2 챕터씩 일주일 정도로 잡고 5월 10일까지 끝내기.

곧 프로젝트를 하나 만들어야해서 그전에 노마드 코더 강의 빨리 끝내고 다시 드림코딩 강의 들어야지.

 

일단 앞부분 들어보니 너무 길지 않게 영상을 끊어주고 이해하기 쉽게 설명해줘서 좋았다.

 

[노마드코더 ReactJS로 영화 웹서비스 만들기] 

[목표: 5월 10일까지 끝내기]

#1 [2021 UPDATE] INTRODUCTION     22.05.02

#2 [2021 UPDATE] THE BASICS OF REACT     22.05.03

#3 [2021 UPDATE] STATE     22.05.05

#4 [2021 UPDATE] PROPS

#5 [2021 UPDATE] CREATE REACT APP

#6 [2021 UPDATE] EFFECTS

#7 [2021 UPDATE] PRACTICE MOVIE APP

 

 

기능은 Input에 입력받은 state를 다른 단위로 바꿔주는 컨버터를 만드는 것. 그리고 App 컴포넌트 안에서 select 옵션으로 다른 컨버터를 선택했을 때 하위 컴포넌트를 바꿔준다.

 

App 컴포넌트가 state를 가지도록 만들어서 select 값이 바뀌었을 때 state가 변화되어 다시 렌더링 된다.

 

See the Pen Super Converter by JeongbinYoon (@jeongbinyoon) on CodePen.