TypeScript

Bedakim·2020년 3월 29일
10
post-thumbnail

이미 진행했던 프르젝트에서 타입스크립트를 사용 했지만 사이버 사수가
만들어준 틀에서 간단한 기능 추가만 하던 나란 🦗베짱이는
사실 1도 ts를 몰랐다. 그래서 알아보는 타입스크립트

TypeScript

Javascript + Type = TypeScript

타입스크립트는 자바스크립트의 Superset(상위확장)이고,
타입스크립트는 컴파일 이후 자바스크립트가 된다.

타입(Type)

  • 타입스크립트 하면 제일 먼저 생각나는 타입.
  • 변수 finn은 string 타입이고 선언한 타입에 맞지 않는 값을 할당하면 컴파일 시점에 에러가 발생한다.

인터페이스(Interface)

  • 인터페이스는 일반적으로 타입 체크를 위해 사용되며 변수, 함수, 클래스에 사용할 수 있으며 여러가지 타입을 갖는 프로퍼티로 이루어진 새로운 타입을 정의한다.
  • 인터페이스는 export하여 외부 파일에서도 사용할 수 있다.

타입 앨리어스(Type Alias)

  • 타입 앨리어스는 새로운 타입을 정의하며 타입으로 사용할 수 있다는 점에서 인터페이스와 유사하다.
  • 타입 앨리어스는 원시값, 유니온 타입, 튜플 등도 타입으로 지정할 수 있으므로 인터페이스로 표현할 수 없거나 유니온 또는 튜플을 사용해야한다면 타입 앨리어스를 사용한는 편이 좋다.
  • 타입 앨리어스는 extends 또는 implements될 수 없으므로 상속을 통해 확장이 필요하다면 타입 앨리어스보다는 인터페이스가 유리하다.

제네릭(Generics)

  • 제네릭은 타입스크립트에서 함수, 클래스, interface, type을 정의하는 시점에 매개변수나 반환값의 타입을 선언하기 어려운 경우 사용 한다.
  • 제네릭을 사용 할 때는 <T> 처럼 사용하며, 제네릭에 해당하는 타입에는 어떤 타입이라도 들어올 수 있게 되며 사용 할 때 타입 에러가 나지 않는다.
  • identity 함수는 인수의 타입에 의해 타입 매개변수가 결정된다.
profile
좌충우돌 우당탕탕 험난한 개발 여정기

3개의 댓글

comment-user-thumbnail
2020년 3월 29일
```typescript
const text: string = 'hello world!';
```

라고 입력하면 다음과 같이 나옵니다:

const text: string = 'hello world';

마크다운의 코드 블럭 활용하시면 스크린샷을 첨부하지 않아도 편하게 작성 할 수 있어요 :D

1개의 답글