포트폴리오01 - 타입스크립트로 리액트 프로젝트 시작 ( yarn )

지난 작성글에서는 자바스크립트와 npx를 이용하였기 때문에 자바스크립트와 npm 패키지를 사용해야했는데

기존 프로젝트들을 타입스크립트와  yarn을 사용하고있었기에 프로젝트를 다시 만들었다.

 

npm

npx create-react-app my-app --template typescript

yarn

yarn create react-app my-app --template typescript

기존 프로젝트에 추가하는 경우에는 타입스크립트를 추가해주면된다.

기존 프로젝트에 아무것도 진행을 한 것이 없기 때문에 그냥 처음부터 다시 만들어봤다.

npm

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

yarn

yarn add typescript @types/node @types/react @types/react-dom @types/jest

 

 

app.js 가 아닌 app.tsx를 사용해야한다.

JSX용 타입스크립트 파일이다

 

app.tsx파일이나 index.tsx 역시 크게 다를게 없다.

이제 여기서 포트폴리오 작업을 시작해보자

 

react 공식 문서 참고하기