Typescript 개념 정리 (작성중)

[ Typescript의 매력✨ ]

• 타입스크립트는 자바스크립트를 개선한 느낌의 언어이다. (CSS를 꾸며주는 SASS 같은 느낌?)
• Typescript > Javascript   O   ,      Typescript == Javascript  X
• 자바스크립트를 알면 좋지만, 꼭 잘해야만 쓸 수 있는 언어는 아니니까 편하게 시작하자!
• 버그로부터 보다 자유롭고, 디버깅, 콘솔 로그가 적어서 개발자는 사용하면 삶의 질 향상 가능~
• VScode를 사용하면 찰떡이다!
• react, node.js 와 같이 써도 찰떡이야!

 

 

---

[ Typescript 공식 문서 정리 ]

 

타입스크립트의 성질

1. 정적 타입

동적 타입인 자바스크립트로 인해 발생하는 오류들을 정적 타입 검사자인 타입스크립트를 통해 잡을 수 있다!

위 처럼 숫자를 배열로 나누면 안되니까 잡아야되는데 자바스크립트는 Nan을 출력한다.

하지만 타입스크립트에선 이를 옳지 않다고 생각하여 오류를 발생시킨다.

즉, JavaScript 코드를 TypeScript로 옮기면 타입 오류를 찾을 수 있는 것이다.

 

2. 런타임 특성

또한 JavaScript의 런타임 특성을 갖기 때문에 두 언어 간 쉽게 전환이 가능하다.

 

3. 삭제된 타입

TypeScript는 컴파일러가 코드 검사를 마치면 타입을 삭제하기 때문에, TypeScript가 추론한 타입에 따라 프로그램의 특성을 변화시키지 않는다.

또한 추가 런타임 라이브러리를 제공하지 않고 JavaScript 프로그램과 같은 표준 라이브러리를 사용한다.

 

결론 : TypeScript는 컴파일-타임 타입 검사자가 있는 JavaScript의 런타임이다!

 

4. 기본 타입

• Boolean

• Number

• String

• Object
• Array

 

배열

제네릭 사용

• Tuple

• Enum

• Any

 

• Void

• Null
• Undefined
• Never

 

5. 함수

타입스크립트에서는 아래의 3가지 타입을 정의할 수 있다

• 함수의 파라미터(매개변수) 타입
• 함수의 반환 타입
• 함수의 구조 타입

 

- 함수의 기본적인 타입 선언

여기서 함수의 반환 값에 타입을 정하지 않을 때는 void라도 사용!

 

- 함수의 인자

자바스크립트는 꼭 매개변수 개수 맞출 필요 없는데 Ts는 꼭 맞춰야 된다

이게 싫으면 매개변수에 ? 붙이면 Js처럼 사용 가능하다

 

- this

Ts에서 Js의 this가 잘못 사용되었을 때 감지할 수 있다.

 

 

 

 

 

 

 

 

 

 

출처)

https://joshua1988.github.io/ts/guide/interfaces.html#%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4