🌈 최근 타입스크립트를 익히고 있다.
과거 프로젝트를 하며 타입 때문에 고생했던 적이 있어서 타입을 지정해준다는 것만으로도 굉장한 매력을 느끼고 있고 개인적으로 JS보다 재미있다. 물론 처음 배우는 거라 그럴 수도 있지만 typescript를 재밌다고 느끼는게 중요하지 않을까?! 하나씩 정리해보고자 한다.

1. 왜 타입스크립트를 쓸까?

제일 중요한 부분이라고 생각한다. 왜 쓰는가?
1. 정적 타입 지원으로 컴파일 단계에서 오류를 확인 할 수 있다.
2. IDE와 같은 도구의 지원을 받을 수 있다.
3. interface, generic을 통해 OOP 지원을 받을 수 있다.
4. ESNext를 지원한다.

2. 어떤 타입들이 있을까?

먼저 기본타입만 확인해보자.

• string : let animal: string = 'dog';
• number : let ten: number = 10;
• array
  : let fruit: Array<string> = ['banana', 'apple'];
  : let fruit: string[] = ['banana', 'apple'];
• tuple : let address: [string, number] = ['seoul', 20]
• object :

let person: {name: string, age:number} = {
    name: 'winney', 
    age: 10,
    };

• boolean : let open: boolean = true;

추가적인 타입은 나중에 작성할 예정!

3. 함수는 어떻게 타입을 지정할까?

1) 인자와 반환값 모두 지정

let sum = (a: number, b: number) : number => {
	return a + b;
}

반드시 인자가 2개 있어야한다.

2) Optional parameter

let sum = (a: number, b?: number) : number => {
	return a + b;
}

인자 뒤에 ?를 붙여서 인자가 없어도 에러가 나지 않게 할 수 있다.
❗ optional parameter는 반드시 뒤에 위치해 있어야 한다.
다음과 같은 경우 ts에서 인식하지 못 한다.

let sum = (a?: number, b: number) : number => {
	return a + b;
}

4. 객체 property 지정을 더 현명하게 할 수 없을까?

• interface를 이용하면 객체 property를 여기저기 중복없이 지정할 수 있다.

interface Person {
	name: string;
    age: number;
}

let winney: Person = {
	name: 'winney',
	age: 10,
}

let printUser = (user: Person) => {
	console.log(user)
}

interface 사용으로 다양한 곳에 객체의 타입을 편하게 지정 할 수 있다.

interface Developer extends Person {
	skill: string
}

let winney: Developer = {
	name: 'winney',
    age: 10,
    skill: 'ts'
}

• interface는 확장이 가능하다 => OOP

추가로 타입 별칭이라는 부분이 있다.

type Person = {
 name: string;
 age: number;
}

형태는 interface와 비슷하다.
하지만 interface와 달리 확장이 되지 않고 preview가 interface와는 다르게 보인다.

대부분의 경우 interface를 많이 사용한다. 하지만 어떤 걸 사용하든 일괄적으로 사용하도록 해야한다.

출처

• 타입스크립트-입문 강의
• http://typescriptlang.org/