반응형
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 강의)
반응형
'언어공부 > JS&TS&React' 카테고리의 다른 글
React API 에러 처리 (0) | 2022.03.28 |
---|---|
URLSearchParams, 주소 쿼리스트링, 파라미터 변경 (0) | 2022.03.27 |
[Javascript] ag-grid 로 그룹 테이블 만들기 (0) | 2021.08.27 |
[JavaScript] 연산자 && (AND), || (OR) 사용법 (0) | 2021.08.01 |
[React] Context 란? Context 활용 방법, 공식 문서 (0) | 2021.06.28 |
댓글