본문 바로가기
언어공부/JS&TS&React

nodejs 타입스크립트 환경설정, jsconfig.json 활용

by hobbiz 2022. 3. 9.
반응형

Type Checking

  • 자바스크립트는 타입 체크를 하지 않기 때문에 타입 오류가 발생함
  • 이에 타입을 체킹하는 것이 중요하고 도구가 필요함
  • 가장 인기가 있는 타입스크립트는 자바스크립트에 타입 정의만 얹어놓은 느낌
const someString = 'Hello'
const result = Math.log(someString)

위와 같은 경우에 타입에러가 발생함.

 

타입스크립트 사용

  • 타입스크립트, eslint 를 설치 후
  • 상단에 @ts-check 를 추가하면 타입 체크가 가능

 

node에서 타임스크립트 도움받기

  • npm install --save-dev @types/node
  • vscode가 타입스크립트 바이너리를 이용하여 타입체킹을 도와줌
const http = require('http)
const server = http.createServer((req, res)=> {
    res.statusCode = 200
    res.end('Hello!)
})

const PORT = 3000
server.listen(PORT, ()=> {
    console.log(`The Server is listening at port${PORT}`)
})

예를 들면 상기의 코드에서 statusCode를 문자로 넣거나 오타를 내는 경우 타입체킹으로 오류를 방지할 수 있음

 

타입스크립트 사용 시 jsconfig.json 활용

{
    "compilerOptions": {
        "strict": true
    },
    "include": [
        "src/**/*"
    ]
}

위와 같이 설정한 후 타입스크립트를 적용하면

const x = null

와 같은 코드를 작성할 경우에 "strict": true 로 인해 오류를 발생시킨다.

프로젝트마다 필요한 미세한 설정들을 jsconfig 에 설정하여 활용할 수 있음

 

 

출처: 한 번에 끝내는 Node.js 웹 프로그래밍 초격차 패키지 Online (패스트캠퍼스 노드JS, NODEJS 강의)

https://bit.ly/3pdy7Wq

반응형

댓글