• 타입스크립트를 써봤는지?
• 자바스크립트와 타입스크립트의 차이점?
• 타입스크립트의 장점과 단점?

💬 Answer

🌏 타입

🌏 타입스크립트

👉 타입스크립트(TypeScript)란?

자바스크립트에 타입을 부여한 언어.
타입 스크립트는 JS와 달리 브라우저에서 실행하려면 파일을 한번 변환(컴파일)해주어야 함.

👉 Why TypeScript?

2가지 관점에서 JS의 품질과 개발 생산성을 높일 수 있다.

에러의 사전 방지

// JS
function sum(a, b) {
  return a + b;
}

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

JS의 경우 문자 10,20을 넣게되면 1020이 나오게됩니다.
하지만 TS의 경우 숫자형이라고 미리 선언해놨기 때문에 에러를 사전에 방지 합니다.

코드 자동 완성과 가이드

개발 툴의 기능을 최대로 활용 할 수 있습니다.
JS의 경우 타입이 정해져 있지 않기 때문에 자동완성이 미리 뜨지 않아 일일이 타이핑해야함.
TS의 경우 타입 정해놔서 미리 자동완성이 떠서 빠르고 정확하게 작성해 나갈 수 있음.

👉 JavaScript와 TypeScript차이

JavaScript

• 웹 개발에 주로 사용됨
• 웹 페이지를 대화식으로 만드는 프로그래밍 언어
• 폼 유효성 검사, 애니메이션 적용 및 이벤트 생성을 수행
• 클라이언트 측 스크립팅 언어
  • 사용자가 웹 브라우저를 열고 웹 페이지를 요청하면 해당 요청이 웹 서버로 이동함

TypeScript

• JavaScript의 상위 집합으로 JavaScript의 모든 기능이 있음
• TypeScript 컴파일러를 사용하여 ts(TypeScript)파일을 js(JavaScript) 파일로 변환, 쉽게 통합
• 정적 유형 검사 제공
• 클래스 기반 객체를 만들 수 있음
• 클래스 기반이므로 객체 지향 프로그래밍 언어로 상속, 캡슐화 및 생성자를 지원할 수 있음

📘 참고

https://joshua1988.github.io/ts/why-ts.html#타입스크립트란
https://velog.io/@pluviabc1/자바스크립트와-타입스크립트-차이점
https://velog.io/@recordboy/타입스크립트TypeScript-타입-선언