Typescript

Typescript란?

자바스크립트의 확장된 언어로서, 자바스크립트에 타입을 부여한 언어 다.

타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해 주어야 하는데 변환 과정을 컴파일(complile) 이라고 부른다.
예를 들면 ts -> js 타입으로 파일을 변환한다.

🤔 그렇다면 왜 굳이 불편하게 타입스크립트를 사용해서 자바스크립트에 타입을 부여하는걸까?

Typescript의 사용 목적은 크게 두가지로 이야기 할 수 있다.

• 에러의 사전 방지
• 코드 가이드 및 자동 완성(개발 생산성 향상)

쉽게 이야기하면 데이터 타입을 지정하는 것이다.

몇가지 예시를 보고, 이해해보자!
아래의 코드를 보면 user라는 객체에는 name과 id라는 key값을 주었다.

const user = {
  name: "Hayes",
  id: 0,
};

자바스크립트만 사용했다거나, 혼자서 작업을 하는 경우에는 굳이 typescript가 필요 없다고 느낄 수 있다. 하지만 협업을 통해 공동 프로젝트에 들어가는 경우에는 data를 어떤 형태로 주고 받을지를 알려주고, 이로 인해 발생할 수 있는 오류들을 사전에 막을 수 있기 때문에 실무에선 많이 사용한다고 하니, 잘 익혀두면 좋을 것 같다!

아래에선 user 객체의 하나하나 값들의 데이터 타입을 지정해주었는데, user interface라는 것을 하나 생성하고 그 안의 name과 id 값을 어떤 형태로만 사용될 수 있는지 정의해준 것이다.

interface User {
  name: string;
  id: number;
}

이렇듯 typescipt에는 다양한 방법들이 있으니, 추가적인 사항은 typescript docs를 참고하도록 하자
https://www.typescriptlang.org/