[TS] TypeScript 정리하기 (0) - 시작하기 앞서

드디어 미루고 미뤄왔던 타입스크립트를 공부해 보려 한다

 

프론트엔드 언어를 공부하면서, 취업을 준비하면서 타입스크립트를 안 들어본 사람은 거의 없을 것이다.

 

당연히 좋으니까 사람들이 많이 쓰니까 많이 들어보지 않았겠는가

 

오늘은 본격적인 공부를 시작하기 앞서서 타입스크립트가 뭐고 왜 쓰는지에 대해 알아보자

(참고로 나는 뷰에서 타입스크립트를 쓸거기 때문에 앞으로 글들이 뷰와 관련된 내용이 나올 수도 있다)

 

---

타입스크립트 그게뭔데!!

 

타입스크립트가 뭐냐고 GPT에게 물어봤다

"타입스크립트(TypeScript)는 Microsoft에서 개발한 오픈 소스 프로그래밍 언어입니다.

타입스크립트는 자바스크립트(JavaScript)를 기반으로 하며, 정적 타입(Static Typing)을 지원하는 언어로서,

코드의 가독성과 유지보수성을 향상시키는 데 도움을 주는 주요 기능 중 하나입니다."

 

뭐 이렇다고 한다

 

먼저 타입스크립트는 자바스크립트를 기반으로 하기에 당연히 프론트엔드 개발에 사용된다

 

 자바스크립트는 변수의 타입에 대해 매우 관대하다

 

그래서 자기가 알아서 적절한 타입으로 바꿔서 사용하곤 한다 (묵시적 타입 변환)

 

막약 뺄셈을 해야하는 함수 또는 계산식이 있을때

 

그 안에 들어가는 변수를 내가 string 값으로("10" 이런식으로) 입력을해도 알아서 형변환을 해서 계산을 해준다

 

이렇게 보면 정말 편리한 기능이다

 

하지만 자유로운 만큼 문제도 발생하는데

 

예를들어 덧셈을 할때 변수에 string값을 넣는다면 그냥 문자를 이어 버린다

let a ="123"

let b = "456"

let result = a+b

요렇게 하면 결과값이 123456 이 나온다는 말씀

 

그래서 타입을 더 엄격하게 제어하자! 고 해서 나온게 타입스크립트이다.

 

무튼 그래서 타입스크립트를 사용하면

 

타입으로 인해 발생하는 에러를 방지할 수 있고,

미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다는 장점이 있다.

 

하지만 개발자 입장에서는 하나하나 타입을 다 지정해 줘야하기 때문에

코드량이 많아지고 번거로움을 감수해야한다 ㅎ

 

---

재밌는? 얘기

 

1. 스택 오버플로에서 2020년 전세계 6만5천명의 개발자를 대상으로 실시한 설문조사에서

타입스크립트는 개발자가 가장 좋아하고 관심을 가지는 프로그래밍 언어 2위에 올랐다

 

2. 한 연구에 따르면 모든 자바스크립트의 버그의 15%가 사전에 타입스크립트로 감지할 수 있다고 한다

 

 

 

오늘은 본격적으로 타입스크립트를 공부하기 전에 몇가시 사실들에 대해서 알아봤다

 

새로운 것을 공부하는것이 귀찮기도 하고 어려움이 있겠지만

 

좋은건 배워야하니까 열심히 공부해보자!

 

 

 

참고

https://www.samsungsds.com/kr/insights/typescript.html

https://saramin.github.io/2023-06-27-vue3-composition-api-pinia-1/

https://ryangx2.tistory.com/50