요새 취업 준비를 위해서 이런저런 사이트를 돌아다니며 기업들이 어떤 스택을 원하는지 둘러보고 있는데 꼭 보이는게 Typescript 경험이 있는 사람이었다. Typescript가 뭐지?

📍 Typescipt란 뭘까?

타입스크립트는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다.
쉬운말로 설명을 해보자면, 타입을 명시할 필요가 없는 인터프리터 언어인 비교적 유연한 자바스크립트와 달리, 정적 타입을 명시할 수 있다는 것이 순수한 자바스크립트와의 가장 큰 차이점이다. 이로인한 장점이라 하면, 높은 개발 안정성과 편의성을 확보할 수 있다.
그래서 대기업이나 큰 규모의 서비스를 제공하는 회사에서는 타입스크립트를 많이 사용한다는 걸 알게 되었다. 나는 규모에 상관없이 미리 일어날 에러들에 대처 할수 있다는 것은 개발자에게도 많은 이점이 있고 생산성도 향상 될거라고 생각 되어서 관심을 가지게 되었다.

🗣 나는 왜 typescript에 관심을 가지게 되었는가?

나는 이번에 첫 팀 프로젝트를 진행하면서 많은것을 깨닳았는데, 그 중 하나는 미리 일어날 에러에 대해 대처를 해놓는게 중요하다는 것이다. 지금까지 코딩을 할때 그 코드로 원하는걸 구현하는데 급급해서 구현에 성공하면 '오케이 다음 기능 구현' 이렇게 넘어가곤 했는데, 배포하고 실제로 사람들이 사용해보게 하는데에는 기능 구현도 중요하지만 에러가 나지 않게 하는것, 원하는 값이 들어오지 않았을시에 어떻게 대처를 해야하는가에 대해서 생각을 많이 하게 되었다. 타입스크립트는 그런 의미에서 필요성이 와닿았다.

• 개발자가 의도한 변수나 함수 등의 목적을 더욱 명확하게 전달할 수 있고, 그렇게 전달된 정보를 기반으로 코드 자동 완성이나 잘못된 변수/함수 사용에 대한 에러 알림 같은 풍부한 피드백을 받을 수 있게 되므로 순수 자바스크립트에 비해 어마어마한 생산성 향상을 꾀할 수 있다. 즉, '자바스크립트를 실제로 사용하기 전에 있을만한 타입 에러들을 미리 잡는 것' 이 타입스크립트의 사용 목적이다. (나무위키 출처)

그래서 알아두면 정말 좋을것 같고 기존 자바스크립트와 크게 다른점이 없기 때문에 한번 다음 프로젝트에서는 써보고 싶다고 생각이 들었다. 특히, 리액트와의 호환도 잘되어 둘의 궁합이 좋다고 해서 주로 리액트를 사용하고 있는 나에게는 정말 매력적으로 와닿았다.

📌 Typescript 설치하기

1. pakage.json 생성

$ npm init

2. typescript 설치

• global로 설치

$ npm i -g typescript

• devDependency로 설치

$ npm i -D typescript

📌 Typescript 사용하기

설치를 했다면 .ts로 끝나는 파일을 만들어서 typescript파일을 만들어줍니다. typescript는 기본적으로 javascript문법을 씁니다. 가장 특징으로는 타입을 명시하는 것이 다르다.
기본적인 사용법은 아래 공식문서로 빠르게 확인해보자. (친절하게 한국어 버전이 있다.) https://www.typescriptlang.org/ko/docs/handbook/typescript-in-5-minutes.html

그다음, 타입 스크립트 사용은 아래명령어를 사용해서 컴파일 해준다.

$ tsc 내가만든파일명.ts