01장 타입스크립트와 개발 환경 만들기 & 02장 타입스크립트 프로젝트 생성과 관리

Iris·2021년 12월 31일
0
post-thumbnail

📖 전예홍, ⌈Do it! 타입스크립트 프로그래밍⌋, 이지스퍼블리싱, 2021

02장 타입스크립트 프로젝트 생성과 관리

02-1 타입스크립트 프로젝트 만들기

> npm init --y // package.json 파일 생성

프로젝트 생성자 관점에서 패키지 설치하기

> npm i -D typescript ts-node // typescript와 ts-node 패키지 설치
> npm i -D @types/node // @types/node 패키지 설치

tsconfig.json 파일 만들기

> tsc --init // tsconfig.json 파일 생성

🔽 tsconfig.json 수정

{
  "compilerOptions": {
    "module": "commonjs",
    "esModuleInterop": true,
    "target": "es5",
    "moduleResolution": "node",
    "outDir": "dist",
    "baseUrl": ".",
    "sourceMap": true,
    "downlevelIteration": true,
    "noImplicitAny": false,
    "paths": { "*": ["node_modules/*"] }
  },
  "include": ["src/**/*"]
}

package.json 수정

{
  "name": "ch02-1",
  "version": "1.0.0",
  "description": "",
  "main": "src/index.js",
  "scripts": {
    "dev": "ts-node src",
    "build": "tsc && node dist"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@types/node": "^17.0.5",
    "ts-node": "^10.4.0",
    "typescript": "^4.5.4"
  }
}

이번 스터디에서 특별히 좋았던 점이나 어려웠던 점, 새로 알게 된 부분

이번 스터디에서는 타입스크립트 개발을 위해 scoop과 nodejs를 설치하고 json, package 파일을 설치하는 방법을 실습해 보며 순서를 익히는 시간을 가졌다.

profile
👩🏻‍💻 Web Front-end Developer

0개의 댓글