[TypeScript] 리액트에서 타입스크립트 적용하기

01. 설치하기

(1) 타입스크립트를 전역으로 설치해준다.

설치할때 에러가 나서 찾아보니 sudo를 앞에 붙이면 해결이 된다.

컴퓨터 패스워드를 입력해주면 설치가 실행이 된다.

npm install -g typescript

sudo npm install -g typescript //위에 것이 오류난다면 sudo를 붙이고 다시 해보기!

(2) Typescript의 필수 설정파일인 tsconfig.json을 생성하자.

*tsconfig.json은 프로젝트를 컴파일하는 데 필요한 루트 파일과 컴파일러 옵션을 지정한다.

tsc --init

위의 패키지를 설치해도 되고 파일을 만들어도 된다.

{
  "compilerOptions": {
    "outDir": "./dist/",
    "sourceMap": true,
    "noImplicitAny": true,
    "module": "es6",
    "target": "es5",
    "jsx": "react-jsx", //jsx로 바꿔줄것
    "allowJs": true,
    "moduleResolution": "node",
    "allowSyntheticDefaultImports": true
  }
}