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

노마드코더 ReactJS로 영화 웹 서비스 만들기를 수강하면서 내용을 정리한 글입니다.

state :데이터가 저장되는 곳

이제 input 태그로 unit conversion(단위 변환기)를 만들기 위해 페이지를 초기화 하자단위 변환기는 분을 입력하면 시간으로 변환하고, 시간을 입력하면 분으로 변환하는것.JSX가 html과 쓰는 방식이 비슷해도 html 쓰듯이 코드를 작성하면 안됨밑의 코드

props에 대해 배워보자!앞에서 state를 적용한 MinutesToHours랑 KmToMiles을 지워주고 App 컴포넌트만 남김위에 처럼style 속성이 똑같은데 두 버튼 다 똑같이 쓰면 코드의 가독성이 떨어지고, 이런 것들이 많아지면 나중에 파일의 크기도 커질

Node.js를 이용해서 create-react-app을 만드는 방법을 공부해 볼거임create-react-app을 사용한다면 수많은 스트립트들과 많은 사전설정들을 React에서 준비해줌.일단 Node.js에서 Node.js를 다운받고, 밑에처럼 버전이 확인하면 설치

💡useState를 배우기전에 왜 필요한가부터 알아보자!button을 클릭하면 onClick함수가 실행되고 counter를 +1씩 해주는 컴포넌트를 만듬CRA하기전 js파일에서는 React.useState() 이런식으로 앞에 React.을 작성해줬는데 생략이 가능해짐

input값을 컨트롤 하는 방법const \[toDo, setToDo] = useState('');로 디폴트값을 ''로 해줌input에 value로 toDo를 주고, onChange를 넣는데 onChange함수를 만들어서 넣어줌.<form>태그를 만들어 inpu

지금까지 배운 것 들을 응용해서 영화 웹 서비스를 만들어보자!