[TypeScript] 왜 타입스크립트인가? & 기본 문법 ✏️

왜 타입스크립트인가?

1️⃣ Javascript Superset

2️⃣ Javascript + Type 문법

3️⃣ 동적 언어로서 Javascript의 단점 보완

 

기본 문법

1️⃣ 변수 타입 지정

let name :string = 'kim';
name = 3; //error

2️⃣ Array 타입 지정

let name :string[] = ['kim', 'park'];

3️⃣ Object 타입 지정

let name :{ name : string } = { name : 'kim' }

// ? => 옵션 속성 표시
let name :{ name? : string } = { name : 'kim' }

4️⃣ Union 타입 지정

// string or number
let name :string | number = 'kim';

5️⃣ Type Alias

type MyType = string | number;

let name :myType = 123;

6️⃣ 함수에 타입 지정

function Temp(x :number) :number{
	return x*2
}

7️⃣ Array에 쓸 수 있는 tuple 타입

type Member = [number, boolean];

let yoonju :Member = [123, true];

8️⃣ Object에 타입지정해야 할 속성이 너무 많으면?

type Member = {
	name: string
}

type Member2 = {
	[key :string] : string;
}

let yoon :Member = { name : 'kim' }

9️⃣ class 타입 지정 가능

class User {
	name :string;
	constructor(name :string){
    	this.name = name;
    }
}

 

참고 🔗 https://www.youtube.com/watch?v=xkpcNolC270 

참고2 🔗 https://www.typescriptlang.org/ko/docs/handbook/2/basic-types.html