TS 05-1 세팅1

 - 이 부분은 React.js, next.js, nest.js는 하지 않아도 되는 부분입니다. 순수 TS로 코드를 수성할 때 필요한 부분입니다~~

 

  처음에 nodo를 설치한다.

  그 후 TS를 설치한다.

  마지막으로 우리는 ts를 사용하지만 웹은 js 원하고 vscode도 알 수 있데 파일 하나를 생선한다.

npm init -y
-> 설치 후 package.json 파일이 생성됨

npm i -D typescript
-> node_modules, package-look.json 파일이 생성됨

touch tsconfig.json
-> tsconfig.json파일이 생성됨

 

그후 빌드를 할 수 있게 성정을 해야한다. 

packsge.json에는 아래와 같이 하고

  "scripts": {
    "build": "tsc"
  },

 

taconfig.json 에는 

{
    "include": ["src"],
    "compilerOptions": {
        "outDir": "bulid",
        "target": "es6"
    }
}

코드를 추가하면 된다.

 

터미널에

npm run build

src 폴더에 있는 파일들 안에 TS를 JS ES6 버전으로 빌드를 해준다.

 

class Block {
    constructor(private data: string) {}
    static hello() {
        return "hi";
    }
}

//위의 코드가 아래의 코드로 build 됨

class Block {
    constructor(data) {
        this.data = data;
    }
    static hello() {
        return "hi";
    }
}

 

 

lid

 - 어떤 환경인지, 어떤 JS 버전이 그 환경에서 사용 가능한지를 알려주는 것, tscontig.json에 작성

예

"lib": ["ES6", "DOM"]
->ES6 버전으로 DOM = 브라우저에 사용할 거다 라는 의미