TIL : Typescript 설치하기

Typescript가  나온 이유

 

다음과  js에서는  에러가 나와야 되는데 NaN이 나옵니다. 반면에 ts에서는   에러가  나옵니다. 

// .js

const obj = {math:20 , kor:20}
const res = obj.math + obj.kors 
console.log(res); // NaN

// .ts

const obj = {math:20 , kor:20}
const res = obj.math + obj.kors 
console.log(res);

// main.ts(2,28): error TS2551: Property 'kors' does not exist on type '{ math: number; kor: number; }'. Did you mean 'kor'?
// kors 속성은 존재하지 않는 타입입니다.

 

 

 

Typescript를  vscode에서 설치

 

( 1 ) nodejs와  여러분의 타입스크립트 설치를 해주어야할  npm이  설치  (  -v 옵션을 이용해서  버전을 확인해줍시다. ) 

 

( 2 ) Typescript를  설치해봅시다.

 

(3)  제대로 동작하는가  tsc 를  확인해봅시다.  다음과 같이 나오면 타입스크립트가  잘 설치되었습니다!!!! 

 

자바스크립트 라이브러리를  타입스크립트 프로젝트에서 사용

 

// 노드 프로젝트 생성
npm init -y 

// typeScript 프로젝트 변환하기
tsc --init 


// 그리고 우리가 자바스크립트를 타입스크립트 프로젝트에서 이용하고 싶다고 했지요 
// tsconfig.json에서 다음과 같이   옵션을 해제시켜주어야합니다.

"allowJs":true
"checkJs":true

// TypeScript 프로젝트 폴더 내에  hello.js 을 추가해줍시다.


/**
 *
 * @param {string} msg
 * @returns  {string}
 */
export default function hello(msg) {
  return msg;
}

 

types 라는 폴더가 나왔습니다. 

 

그러면 우리는  다음과 같이   hello 함수를 이용할 수 있습니다. 

 

질문 :  .d.ts 확장자  파일은 무엇인가요

run.ts 파일에서  사용하는 hello  기능의  상세 명세를  나타내었습니다.