Class Componant and State 앞서 했던 Food 예제는 모두 지우고, app.js 안의 app 함수를 class화 하자. import React from "react"; import PropTypes from "prop-types"; class App extends React.Component { } export default App; class는 반환하는 함수를 만들어주지 않는이상 return이 없다. 그렇다면 원하는 값을 반환하기위한 방법은 뭘까? 여기서 class를 React.Componet를 extends(확장) 하였다. 이 안에 render라는 함수메소드가 존재한다. 이를 이용하자. 리액트는 자동적으로 React.Component의 render메소드를 자동으로 실행한다. 함수대..

우선 npx를 이용하여 react app을 만들어보자. app을 만들 디렉토리로 이동하고 아래를 입력하자. https://github.com/facebook/create-react-app facebook/create-react-app Set up a modern web app by running one command. Contribute to facebook/create-react-app development by creating an account on GitHub. github.com npx create-react-app movie_app_2020 package.json 파일을 열어보면 Debug 부분의 test와 eject를 지워주자. (나중에는 사용할지 몰라도, 지금은 사용하지 않는다) app을 ..