TypeScript

출처 링크 - 1
출처 링크 - 2

특징

• 타입 기반 언어
• 자바스크립트 + 타입
• 컴파일 단계에서 타입 오류를 잡아낼 수 있고, 코드 어시스트 기능도 지원 받을 수 있다.

1. 설정 파일 : tsconfig.json

{
  "include": [
    "src/**/*.ts" // 모든 ts 파일을 담고있다.
  ],
  "exclude": [
    "node_modules" // 노드 모듈은 예외
  ],
  // 타입스크립트 옵션
  "compilerOptions": {
    "module": "es6", // ts의 형태
    "rootDir": "src",
    "outDir": "dist", // dist 라는 파일안에 만들라
    "target": "es6", // js 의 형태
    "sourceMap": true, //ts파일을 바로 콘솔창에서 볼수있음
    "removeComments": true, // 주석을 컴파일 하면 지워지게 해놓음
    "noImplicitAny": true, // 타입 지정 안하면 에러뜨게
  }
}

2. 변수 정의

const name: string = '';

3. 함수 정의

function sum(x, y) {
  return x+y;
}


function sum(x:number, y:number){
  return x+y;
}

4. 타입 기본정의

let numValue: number;
let stringValue: string;
let booleanValue: boolean;
let undefinedValue: undefined;
let nullValue: null;
let objValue: object;
let symbolValue: symbol;
let anyValue: any; // 아무거나 다들어가도됨

numValue = 3;
stringValue = "stirng";
booleanValue = true;
undefinedValue = undefined;
nullValue = null;
objValue = { 1: "one", 2: "two" }; // 원시 값 제외한거 다됨
symbolValue = Symbol();

5. 배열 정의

 let nameList: string[];
 nameList = ["1", "3"];
 nameList.push("333");
 
 let nameList: number[]; 
 nameList = [1, 3];
 nameList.push(3);

6. 객체 정의

let user1: { name: string; score: number };
user1 = {
  name: "suyang",
  score: 30
};