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

으로 리액트를 실행시키면 다음과 같은 디폴트 리액트 화면이 실행된다.

이런 리액트 화면이 나온다

 

+ Recent posts