TIL 106일차

타입스크립트 기초 지식

TypeScript는 JavaScript로 컴파일 되는 트랜스파일러 or 컴파일러 입니다.

트랜스파일러

한 언어로 작성된 소스 코드를 비슷한 수준의 추상화를 가진 다른언어로 변환하는 것을 의미합니다.

컴파일러

인간이 입력한 코드를 바이트로 변환해서 컴퓨터가 알아들을 수 있게 하는 것을 말합니다.

타입스크립트 사용하는 이유

JavaScript vs TypeScript

• 코드량만 보면 굳이 TypeScript를 써야하는 의구심이 듭니다. 하지만 TypeScript를 사용하면 JavaScript와 달리 코드 작성 과정에서 코드를 실시간으로 디버깅할 수 있어 매우 편리합니다.

JavaScript

function ellipsisText(text,limit,symbol='...'){
	return `${String(text).slice(0,limit-1)}${symbol}`
}

ellipsisText(100304040202,30,101) // 값 : 100304040202101
문제가 발생해도 오류가 표시되지 않음

function ellipsisText(text, limit, sybol='...') {
  if (typeof text !== 'string') throw new Error('1번째 전달인자 유형은 문자여야 함')
  if (typeof limit !== 'number') throw new Error('2번째 전달인자 유형은 숫자여야 함')
  if (typeof symbol !== 'string') throw new Error('3번째 전달인자 유형은 문자여야 함')
  return `${text.slice(0, limit - 1)}${symbol}`
}
ellipsisText(100304040202,30,101) // Uncaught Error: 1번째 전달인자 유형은 문자여야합니다

TypeScript

function ellipsisText(text:string, limit:number, symbol:string = '...'):string {
  return `${text.slice(0, limit - 1)}${symbol}`
}

ellipsisText(10203010201, 30)
// Argument of type 'number' is not assignable to parameter of type 'string'.