타입스크립트란?

soohyunee·2023년 4월 12일
0

TypeScript

목록 보기
1/20
post-thumbnail

1. 자바스크립트를 기반으로 한 타입스크립트

  • 타입스크립트는 자바스크립트를 사용, 모든 기능 포함
  • 그 외 자바스크립트에 포함 되지 않은 새로운 기능을 갖고 있음
  • 즉, 자바스크립트 코드를 보다 쉽고 강력하게 작성하도록 도와주는 조금 더 나은 버전의 자바스크립트

2. 타입스크립트의 특징

  • 타입 표기
    • 변수 값에 데이터 타입 지정 가능
    • 타입을 표기하면 코드가 예측가능하며, 디버깅하기 쉬워짐
//javascript
function add (a, b){
	return a + b;
}

console.log(add('2','3')); // '23' // 에러메시지 받지 않음
//typecript
function add (a :number, b :number){
	return a + b;
}

console.log(add('2','3')); // 코드가 실행되기 전, 컴파일 에러 메시지 받음
  • 객체지향적
  • 컴파일 타임 오류
    - 컴파일 : 어떤 언어의 코드를 다른 언어로 바꿔주는 변환 과정
    - 타입스크립트 : 프로그래밍 언어인 동시에 컴파일러, 타입스크립트 → 자바스크립트

3. 타입스크립트를 쓰는 이유

  • 자바스크립트 (동적 언어) : 실행되는 시점, 런타임에 타입 결정 / 오류 발견
  • 자바스크립트는 개발자가 실수하게 되면 사용자가 그 오류를 볼 수 있음
  • 자바, 타입스크립트 (정적 언어) : 컴파일 타임에 타입 결정 / 오류 발견
  • 타입스크립트는 코드 작성시간은 길어져도 이후에 안정적이고 빠르게 작업 가능함
  • 함수를 만들 때 의도했던 방식외에는 다른 방법은 모두 에러라고 표시
  • 다른 사람이 만든 함수를 사용할 때 어떤 타입으로 전달해야하는지 찾아보지 않아도 됨

참고 : 땅콩코딩, 코딩앙마

profile
FrontEnd Developer

0개의 댓글