세계최강용사의 개발일기

* 본 포스팅은 리액트와 타입스크립트가 설치되었다는 가정하게 작성하도록 하겠습니다.

일반적으로 타입스크립트로 코드를 작성할 경우, 실행 시 2-step이 필요합니다.

Step1. TypeScript => JavaScript 컴파일

tsc practice.ts

Step2. 컴파일된 JavaScript 실행

node practice.js

매번 Live compile을 세팅하면 매번 컴파일을 해야하는 번거로움을 덜 수 있습니다.

ts-node 설치하기

npm install ts-node --save-dev

nodemon 설치하기

npm install nodemon --save-dev

package.json script작성

  "scripts": {
    "start": "npm run build:live",
    "build": "tsc -p .",
    "build:live": "nodemon  --exec 'ts-node' src/main.ts -e ts,tsx,js,json", //ts,tsx,js,json 확장자 확인
  },

이후 npm run start로 실행하면 정상적으로 실행되는부분을 확인 할 수 있다.

dotenv 설치

npm install dotenv

.env

환경변수 파일을 프로젝트 파일에 생성 후 아래와 같은 양식으로 입력한다

TEST_TOKEN=TEST
MONGO_PASSWORD=PassWord

사용방법

require('dotenv').config()
const {TEST_TOKEN} = process.env