create-react-app

---

https://create-react-app.dev/

npx create-react-app my-app # my-app = 앱 이름
cd my-app
npm run start

폴더 구조

• node_modules : 의존성 패키지
• public/* : 공유하는 파일, 기본적인 static files
• src/* : 실제 code
  • index.js
    
  • app.js
    
• package.json: 프로젝트(application)의 정체성 .. ?

JSX(JavaScript XML)

• Element 만드는 것을 직관적으로 이해하도록 도와주는 문법.

• 컴파일되어 React.createElement(component, props, …children)가 호출됨.

• JSX가 없다면 🥲

  • 이렇게 일일이 다 적어줘야 함.
  • 가독성이 안좋음.
  • 비용 증가