Typescript - React 환경 설정하기

프로젝트 환경설정

1. npx create-react-app --typescript
2. npm install --save @types/styled-components
3. npm i @types/styled-components
4. npm install recoil
5. npx tsc --init
6. npm i react-beautiful-dnd

// tsconfig.json
// tsc --init으로 생성한 tsconfig.json의 내용을 수정한다.
{
  "compilerOptions": {
    "jsx": "react-jsx",
    "moduleResolution": "node",
    "module": "commonjs",
    "target": "es5",
    "lib": ["es2015", "es6", "esnext", "dom"],
    "allowJs": true,
    "sourceMap": true,
    "baseUrl": ".",
    "outDir": "dist",
    "paths": {
      "@/*": ["src/*"]
    },
    "allowSyntheticDefaultImports": true,
    "keyofStringsOnly": true
  },
  "include": ["./src/**/*"],
  "exclude": ["./node_modules/**/*"]
}