javascript를 대신해서 typescript를 리액트에서 사용할 수 있다.
typescript의 경우, javascript보다는 조금 더 배우기 쉬운(?) 느낌으로 볼 수 있다고 한다.
기본적으로 타입스크립트는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이기 때문에 큰 틀에서는 javascript와 비슷하기는 하다.
1. 일단 typescript를 사용하기 위해서는 npm을 기준으로,
1
|
npm install -g typescript
|
cs |
을 통해서 typescript를 사용할 수 있도록 설치가 필요하다.
이후에 다음과 같이
1
|
npx create-react-app todo-list --template=typescript
|
cs |
와 같이 typescript 형식으로 리액트 폴더를 생성하면 된다.
위의 코드에서 todo-list 는 폴더명을 뜻한다.
이렇게 해서
1
|
npm start
|
cs |
으로 리액트를 실행시키면 다음과 같은 디폴트 리액트 화면이 실행된다.