JSX = Javascript + XML
= 자바스크립트의 확장 문법
= 자바스크립트 안에 html이 있음
= React component를 자바스크립트로 만들 때 사용하는 언어(리액트는 component에 기반한다.)
cd movie_app
yarn start : react-scripts를 실행시킴(서버를 시작)
code . : vsc를 염
class 대신 className을 씀
이미지: 위에 해당 이미지가 정의되어야 함 ex) import logo from './logo.svg'; <img src = {logo} className="App-logo"/>
다른 component들은 각각 다른 파일에 작업할 수 ㅇ
component: 각기 다른 functions와 methods를 갖고 있다.
모든 컴포넌트는 render function을 갖고 있다. (render function: 뭔가 보여주는 기능. 이 컴포넌트가 나에게 보여주는 것이 무엇인가!)
yarn start 실행하면 -> JS의 모든 코드를 가져와서 html 파일에 담는다. html 파일(index.html / CRA에 의해 만들어진 파일)은 public 폴더에 있음.
댓글