JSX? = JavasScript + XML

<aside> 💡 Javascript Syntax eXtension

</aside>

• XML 구문에 자바스크립트 코드를 결합하는 용도로 만들어진 구문

*오늘날 리액트 프레임워크가 널리 사용될 수 있는 것은 JSX가 결정적인 역할을 했기 때문입니다.*

프로젝트 만들기 02-2

• 아래 커맨드를 사용하여 이번 단원 리액트 프로젝트를 생성해봅니다!

npx create-react-app <프로젝트명> --template typescript

• 아래는 선택사항

  code <프로젝트명>
  

• 지난 단원의 src/data 디렉토리와 .prettier.js 파일 복사

cp -r ../<지난단원프로젝트명>/src/data ./src/data

cp -r ../<지난단원프로젝트명>/.* .

• chance와 luxon 패키지 설치
  • chance : 자바스크립트에서 소스를 랜덤으로 제공해주는 라이브러리
  • luxon : 자바스크립트에서 날짜, 시간을 다루는 라이브러리

npm i chance luxon

npm i -D @types/chance @types/luxon

• @types/를 추가적으로 적용해주는 이유는 무엇일까요? (3점)

npm start

• 0308010C 에러가 발생한다면? 😊