개발세발

JS와 TS (feat. @ts-check) 본문

코딩공부/Typescript

JS와 TS (feat. @ts-check)

뉼👩🏻‍💻 2022. 12. 20. 17:28
728x90
반응형
SMALL

 

자바스크립트는 동적 타입 언어(Dynamically Typed Language) 

: 런타임에 타입이 결정되는 언어 

➡️ 그래서 타입이 에러인 코드를 써놔도 이것을 실행을 시켜야만 그 에러를 발견해낼 수 있음 

 

타입체크(Type Checking) 가 강력한 언어는 컴파일 과정에서 타입에러가 발견됨 

 

 

타입스크립트 

기본적으로 자바스크립로 컴파일 되는 언어 

: 자바스크립트에 타입 정의만 얹어 놓은 언어 

 

 

* js 환경에서 사용하기 

npm install --save-dev typescript

 

 

 

* 자바스크립트에서 typescript 분석 사용하기 

 

@ts-check를 파일의 시작부분에 추가하면 됨! 

(상단 주석부분에 작성하면 됨. 2번째 줄 뭐 이렇게 작성해도 인식을 하지만 한줄이라도 @ts-check위에 코드가 적혀있다면 적용이 제대로 되지 않았음) 

 

 

https://steemit.com/kr/@shimdh/ts-check

 

 

강사님께 여쭤봤는데 생소한 기능이기도 했고, @ts-check는 일단 검색결과도 별로 없는 듯 하니 잘 사용하지 않는 수단이지 않을까 싶다. 차라리 타입 체크를 하려면 tsx를 쓰는게 나을지도 ..

 

 

 

 

 

npm install --save-dev @types/node

 

 

statusCode를 소문자 'c'로 쓴다는 식의 에러를 잡아냄 

 

 

jsconfig 환경설정 하기 

https://code.visualstudio.com/docs/languages/jsconfig

 

jsconfig.json Reference

View the reference for jsconfig.json.

code.visualstudio.com

 

https://basemenks.tistory.com/266

 

config 파일이란 무엇인가? (jsconfig.json)

해당 글은 VScode 공식 문서에서 jsconfig.json 에 대해서 해석한 글입니다! 🙈 빠른 결론! jsconfig.json은 프로젝트를 진행할 때 "이 곳이 바로 루트 디렉토리이다!"라고 알려주는 역할을 한다. 또한 소

basemenks.tistory.com

 

728x90
반응형

'코딩공부 > Typescript' 카테고리의 다른 글

interface vs abstract ?  (0) 2022.12.19
기타 정리  (0) 2022.12.17
타입스크립트(Typescript) 개념 추가 정리 - 1️⃣  (0) 2022.12.15