[면접]Typescript 🧐

타입스크립트를 접한건 고피자에서 한달간 기업협업을 나가서였다. 타입스크립트를 기술스텍으로 쓰는 회사였기 때문에 배우면서 프로젝트에 바로바로 적용하기 바빴다. 덕분에 내 이력서 기술 스텍에 타입스크립트가 들어가있다. 기업협업 당시에 프로젝트에 집중했고, 기능구현하기 바빴기 때문에 타입스크립트를 왜쓰는지, 장단점이 무엇인지는 몰랐다. 취업준비를 하고있는 지금 면접을 보면 타입스크립트에 대한 질문을 수없이 받는다.
그래서 따로 정리해 보고자 한다.

타입스크립트는

타입스크립트는 자바스크립트를 대체하기 위해 나온게 아니라 보완하기 위해 등장하였다. 한가지 예로 자바스크립트는 동적인 타입으로써 타입에 대해 관대하다. 따라서 오류에 자유로울수 없다.

타입체크, interface 지원등으로 인해 Typescript는 대규모 프로젝트에 좀 더 적합한 언어가 될 수 있다.

C#과 Java같은 체계적이고 정제된 언어들에서 사용하는 강한 타입 시스템은 높은 가독성과 코드 품질등을 제공할 수 있고, 런타임이 아닌 컴파일 환경에서 에러가 발생해 치명적인 오류들을 더욱더 쉽게 잡아낼 수 있다.

자바스크립트는 타입 시스템이 없는 동적 언어로 자바스크립트 변수는 문자열, 숫자, 불린 등 여러 타입의 값을 가질 수 있다. 비교적 유연하게 개발할 수 있는 환경을 제공하는 한편 런타임 환경에서 쉽게 에러가 발생 할 수 있는 단점을 가진다.

타입스크립트는 이러한 자바스크립트에 강한 타입 시스템을 적용해 대부분의 에러를 컴파일 환경에서 코드를 입력하는 동안 체크 할 수 있다.

타입스크립트 기능

• 크로스 플랫폼 지원 : 자바스크립트가 실행되는 모든 플랫폼에서 사용할 수 있다.
• 객체 지향 언어 : 클래스, 인터페이스, 모듈 등의 강력한 기능을 제공하며, 순수한 객체 지향 코드를 작성 할 수 있다.
• 정적타입 : 정적 타입을 사용하기 때문에 코드를 입력하는 동안 오류를 체크 할 수 있다.
• DOM 제어: 자바스크립트와 같이 DOM을 제어해 요소를 추가하거나 삭제할 수 있다.
• 최신 ECMAScript 기능 지원 : ES6 이상의 최신 자바스크립트 문법을 손쉽게 지원할 수 있다.

장단점

장점

1. 정적타입

• Typescript를 사용하는 가장 큰 이유중 하나는 정적 타입을 지원하는다는 것이다.
• 정적 타입을 지원하므로 컴파일 단게에서 오류를 포착할 수 있는 장점이 있다. 개발자의 의도를 명확하게 코드로 기술할 수 있다. 이는 코드의 가독성을 높이고 예측할 수 있게 하며 디버깅을 쉽게 한다.
  
  

2. 도구의 지원

• IDE(통합개발환경)를 포함한 다양한 도구의 지원을 받을 수 있다. IDE와같은 도구에 타입 정보를 제공함으로써 높은 수준의 인텔리센스(IntelliSense), 코스 어시스트, 타입체크, 리팩토링 등을 지원받을수있으며 이러한 도구의 지원은 대규모 프로젝트를 위해 필수적이다.
  

3. 강력한 객체지향 프로그래밍 지원

• 인터페이스, 제네릭 등과 같은 강력한 객체지향 프로그래밍 지원은 크고 복잡한 프로젝트의 코드 기반을 쉽게 구성할 수 있도록 도운다. 그리고 Java, C#등의 클래스 기반 객체지향 언어에 익숙한 개발자가 자바스크립트 프로젝트를 수행하는데 진입장벽을 낮출수 있다.

4. ES6/Es Next지원

TypeScript 파일(.ts)은 브라우저에서 동작하지 않으므로 TypeScript 컴파일러를 이용해 자바스크립트 파일로 변환해야 한다. 이를 컴파일 또는 트랜스파일링이라 한다.

https://mygumi.tistory.com/210
https://medium.com/@wonjong_oh/typescript-1-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80-f4b02f54009c