[TypeScript] 타입스크립트란? / 데이터 타입

🤔 타입스크립트는 왜 필요할까?

• 자바스크립트 코드의 스케일이 커지면, 너무 지저분하고 코드 관리가 되지 않습니다.

타입스크립트를 사용하면 좋은 점

• 자바스크립트 기반보다 버그를 줄일 수 있습니다.
• 유지보수가 쉽습니다.
• 강력한 높은 퀄리티의 코드를 생산할 수 있습니다.

 

타입스크립트 = 자바스크립트 + 타입체크

• 타입스크립트 환경 -> 자바스크립트를 코딩 가능, 반대는 동작하지 않아요.

//a, b 덧셈하고 결과물을 리턴 함수
//자바스크립트 

function plus(a,b) {
	return a + b;
}

console.log(plus(3,5)); // >> 8

console.log(plus('3', '5')); // >> 35 오류는 아니지만, 모호해짐

 

//타입스크립트

function plus(a : number, b: number){
	return a + b;
}

console.log(plus(3,5)) // > 8

console.log(plus('3','5')) // > 오류! : 타입에 맞지 않은 데이터를 넣음

 

🤔 데이터 타입을 표기하면 좋은 점?

-> 코드 실행 전, 컴파일 타임 시 오류를 미리 체크할 수 있습니다. 

 

TS -- 컴파일 번역 --> JS -- 해석 가능--> 웹브라우저

 

데이터 타입

• 타입스크립트에서는 다양한 데이터 타입을 지원합니다.
• 기본 데이터 타입
  • number : 숫자 타입으로, 정수와 실수를 포함
  • string : 문자열 타입
  • boolean : 참, 거짓을 나타내는 불리언 타입
  • null : 값이 없음을 나타내는 타입 (능동적)
  • undefined : 값이 할당되지 않는 변수의 기본값인 타입 (수동적) 
• 객체 타입
  • object : 객체를 나타내는 타입
  • array : 동일한 타입의 요소를 가진 배열을 나타내는 타입
  • tuple : 각 요소가 다른 타입을 가질 수 있는 배열을 나타내는 타입 (파이썬의 튜플과 개념 다름)
• 특수 타입
  • any : 어떠한 타입이든 할당될 수 있는 타입 <- 타입이 모호한 경우에 임시로 사용
  • unknown : 타입을 미리 알 수 없는 경우 사용되는 타입  

 

타입 추론(Type Inference) 기능

• 타입스크립트 타입 추론 기능을 통해 변수의 타입을 자동으로 판단할 수 있습니다. 
• 타입스크립트 컴파일러가 초기에 할당된 값을 바탕으로 변수의 타입을 추론합니다. 
• 이는 코드를 간결하게 작성할 수 있도록 도와주지만, 타입을 명시적으로 지정하는 것이 더 명확합니다.

-> 타입 추론이 모호한 경우나, 복잡한 로직에서는 타입을 명시하는 것이 좋습니다.

 

타입 명시

: 변수를 선언할 때 변수 값의 타입을 명시함으로써 변수의 데이터 타입을 지정합니다. 타입 추론보다 더 명확하고 정확하게 값을 받을 수 있습니다. 

let x : string = "나는 문자열이다";

//함수의 데이터 타입 명시(매개변수, 리턴타입)
function Plus(a : number, b : number) : number{
    return a + b;
}

함수에 매개변수가 number, number일 때만 오류 없이 이 함수를 실행할 수 있기때문에 더 명확하게 느껴집니다.