[npm] TypeScript 프로젝트 생성하기

[npm] TypeScript 프로젝트 생성하기

이번 게시글에서는 TypeScript 프로젝트 생성하는 방법을 알아보도록 하겠습니다.
프로젝트 명은 ts-function 으로 생성해보도록 하겠습니다.
다른 프로젝트 명을 사용하고 싶으시면 ts-function 위치에 작성하시면 됩니다.

TypeScript 프로젝트 생성

프로젝트 생성

아래 명령어를 통해 원하는 디렉토리에서 프로젝트를 생성해줍니다.

mkdir ts-function
cd ts-function
npm init -y

위 작업을 마치게되면 프로젝트 생성을 한 것입니다.

정상적으로 설치가 된 경우 위 이미지처럼 package.json 파일이 생성됩니다.

TypeScript 설치 및 설정 파일 생성

해당 프로젝트 내에서 아래 명령어를 입력하여 TypeScript를 설치해줍니다.

npm install typescript --save-dev

추가적으로 TypeScript 설정을 할 수 있는 tsconfig.json 파일을 생성하기 위해 아래 명령어를 입력해줍니다.

npx tsc --init

위 작업까지 정상적으로 수행이 된 경우 아래 이미지처럼 파일이 생성됩니다.

tsconfig.json 설정

생성된 tsconfig.json 파일을 보게되면 너무 많은 설정 코드가 작성되어 있습니다.
저는 아래처럼 수정해주었습니다.

{
  "compilerOptions": {
    "outDir": "dist",
    "target": "es2016",
    "module": "commonjs",
    "moduleResolution": "Node10",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "skipLibCheck": true
  },
  "include": [
    "src"
  ],
  "exclude": [
    "node_modules"
  ]
}

이번 게시글에서는 TypeScript 프로젝트 생성 및 설정을 하였습니다.
혹시 따라오지 못 하신 분은 아래 github 주소를 확인해보세요.

해당 소스코드 : 이동하기

다음 게시글에서는 함수 작성 및 타입 생성을 해보겠습니다.