타입스크립트

이번에 redux 상태관리 공부하면서 next.js에 이어서 typescript를 공부하며 적용하게 되었다

https://next-amazon-lyart.vercel.app/

타입스크립트 쓰는 이유

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

에러의 사전 방지

// js
function sum(a, b) {
  return a + b;
}
// ts
function sum(a: number, b: number) {
  return a + b;
}

interface, type 등을 사용해 객체 선언을 쉽게 할수 있다는 장점이 있다

단점

초기 세팅의 어려움

TypeScript의 단점으로는 먼저 초기 세팅이 어렵다.
TypeScript는 독자적인 언어가 아니기 때문에 기존의 JavaScript 엔진에서 실행. 이를 위해 기본적으로 설치해야 하는 모듈들이 있고, 컴파일을 하기 위한 옵션들도 설정한다는 단점이 있음.

이를 보완하기 위해 ‘Create React App’, ‘Vue CLI’, ‘Angualr CLI’ 초기 세팅 도구를 활용할 수 있음. 이 도구들은 TypeScript를 기본적으로 지원하고, 프로젝트 구조와 컴파일 옵션을 자동으로 설정해 주어 보다 편리하게 사용할 수 있다.

타입 지정으로 인한 생산성 저하 우려

TypeScript가 익숙하지 않은 개발자라면 생산성이 낮아질 수 있다.
매번 타입을 지정해줘야 하는 번거로움과 타입 어노테이션으로 인한 타입 에러로 실제 개발보다 타입을 지정하는 데 시간을 더 할애할 수 있기 때문,

게다가 TypeScript에서 제공하는 interface, class 등에 매번 변수명을 지정하면서 길어지는 변수명과 관리 포인트가 늘어나기 때문에 TypeScript의 사용이 익숙하지 않은 개발자일 경우, 생산성이 저하될 수 있다.