오늘은 TypeScript 에 관해서 작성해보려고 한다.

TypeScript란??

타입스크립트는 자바스크립트의 단점을 보완하기 위해 만들어진 정적 타입 언어 이다.

🤚여기서 잠깐!

동적 언어랑 정적 언어?!?

• 동적 언어
  • 변수 타입이 런타임일때 결정되는 언어.
  • 유연하고 간단한 문법이며 대표적으로 JavaScript,Python가 해당된다.
• 정적 언어
  • 컴파일 시에 결정되는 언어.
  • 대표적으로 C, C++, C#, Java 등이 있으며, 변수에 타입을 지정해줘야한다.
  • 컴파일 시 자료형에 맞지 않은 값이 들어있으면 컴파일 에러가 발생한다.
  • 속도가 빠르고 타입 에러로 인한 문제점을 초기에 발견 가능할 수 있어 타입의 안정성이 높다.

기존의 자바스크립트의 기능을 모두 사용할수있고, 타입 문법을 사용하여 에러를 사전에 방지 할 수 있게 한다.
자바스크립트는 확장된언어이기 때문에 잦은 오류가 생긴다.

공식문서를 뜯어보면,,

공식문서 참조

JavaScript and More
타입스크립트는 편집기와의 더 긴밀한 통합을 지원하기 위해 JavaScript에 추가 구문을 제공한다.
A Result You Can Trust
타입스크립트는 자바스크립트로 변환이 가능하고, 자바스크립트가 실행되는 모든곳에서 실행된다.
Safety at Scale
타입스크립트는 자바스크립트를 이해하며, 추가 코드 없이도 훌륭한 도구를제공하기위해 타입추론을 사용한다.

그렇다면 여기서 드는 의문이 있다.

🥇TypeScript를 써야하는이유

지금 내가 배우고 있는 JavaScript는 타입이 런타임에 동적으로 설정 되어 보다 타입에 관대하다. 이런 점은 개발자 편의에 따라 손쉽게 사용될 수 있다고 생각이 들지만, 이는 작은 프로젝트에서나 편리하다고 한다.
큰 프로젝트를 진행할때는 (코드 수 증가 & 타인의 코드 수정시) Type과 관련된 버그들이 많이 발생한다.

1. JavaScript 기반의 정적 타입 문법을 추가한 프로그래밍 언어로, Type 을 사용함으로써 코드 퀄리티와 가독성을 높일 수 있다.

2. 컴파일 시 자료형에 맞지 않은 값이 들어가면 컴파일 에러를 발생시켜 손쉬운 디버깅이 가능해진다.

3. 높은 생산성을 제공한다. Javascript는 객체의 필드나 함수의 매개변술 들어오는 값이 무엇인지 알기위해 여러파일을 살펴야하지만, TypeScript 는 변수에 직접 타입을 작성하여 변수 이름뿐 아니라 데이터의 자료형까지 바로 알 수 있다. =>코드가 직관적이다

4. TypeScript는 타입 추론 기능이 있어 타입이 명시되지 않은 변수에도 자동으로 타입을 설정해준다.

타입스크립트의 장/단점

• 장점 1 . 안정적인 개발 환경 (에러 사전 방지)
  • 동적 타입 언어인 자바스크립트를 보완
  • 정적타입 언어 => 컴파일 과정에서 타입지정 하여 컴파일 에러 방지
  • 자바스크립트의 슈퍼 셋 (상위 확장자) 로 자스크립트로 짜인 코드를 확장해서 사용 가능
• 장점 2 . 개발 문서화
  • 타입스크립트는 코드의 타입을 지정하여 코드의 가독성을 향상시킴
  • 변수 이름 뿐만아니라 데이터 자료형까지 알 수 있어 코드 작성을 직관적으로 할 수 있음.
• 장점 3 . 생산성(자동완성)
  • 타입스크립트는 IDE와의 연동이 용이
  • 정적 타입 검사를 통해 코드 작성 중에 발생할 수 있는 오류를 미리 방지

• 단점 1 . 타입의 제한을 받아 자료형을 비롯한 여러 타입스크립트의 기능을 익혀야해서 배우기 어려움
  • 프로젝트 규모가 작은 곳에서는 타입 정의하는 부분이 오히려 부담될 수 있음.
• 단점 2 . 초기 셋팅이 어려움