자바스크립트 쓰면 되지 왜 타입스크립트가 뜨는 걸까?

요즘 개발자 모집 공고를 찾아보면 거의 대부분 우대사항에 '타입스크립트'가 있다. 하지만 개발공부를 시작한지 5개월차인 지금, 나는 자바스크립트도 완벽하지 않다고 생각하는데, 타입스크립트까지 공부해야하나라는 고민에 직면했다. 그런데 솔직히 거의 모든 공고에 '타입스크립트'가 있는 이상 무시해서는 안될 느낌이므로 눈물을 머금고 정리를 한번 해보려한다.😂

 

💻 먼저, 공부하기에 앞서 타입스크립트는 왜 쓰는 것일까?

자바스크립트는 타입에 있어서 상당히 관대하다. ex) 5 - '3' / 숫자와 문자를 연산해도 에러가 안난다.

이러한 점때문에 자바스크립트는 Dynamic typing 언어라고 불린다.

반면, 타입스크립트는 숫자와 문자를 연사하게되면 에러를 내보낸다. 바로 이러한 점때문에 타입스크립트를 쓰는 것이다.

물론 간단한 프로젝트에서는 타입스크립트를 사용하는 것이 불필요할 수 있다. 하지만 프로젝트의 규모가 조금이라도 커지면 생각이 달라진다고들 한다. 그래서 대부분의 회사들에서 타입스크립트를 선호하지 않을까 한다.😭

 

💻 그러면 Typescript 어떻게 써요?

일단, 타입스크립트 공부를 위해 구글링을 해본 결과, react나 nextjs 프로젝트와 접목해서 많이 사용하고 있었다. 그래서 React에서 타입스크립트를 설치하는 방법을 남겨보기로 했다.

  📖  처음 react 프로젝트 생성할때

  npx create-react-app (파일명) --template typescript

 

  📖  이미 있던 react에 타입스크립트를 설치하고 싶을때

  npm install --save typescript @types/node @types/react @types/react-dom @types/jest

 

공부하는 입장에서 두가지 방법을 정리해놓았지만 보통 처음부터 typescript를 설치하는것 같다.

그리고 지금은 react가 대세이기는 하지만 아직 살아는 있는 vue.js가 있다. 이 vue에서도 우리 타입스크립트를 당연히 쓸수있다.

 

  📖  Vue.js 프로젝트에서 타입스크립트 쓰고 싶다면

  vue add typescript

를 입력하고  <script lang="ts"> </script>  이렇게 지정해주면 된다.

 

앞으로 타입스크립트를 어떻게 효율적으로 사용하면 될지 연구하는 시간을 가져야겠다.