국비지원 공부 정리/Typescript

JavaScript에는 존재하지 않은 type들

worldstroy 2025. 4. 3. 11:38

Tuple

• Js에서는 배열과 같습니다.
• 순서와 개수가 정해져 있는 배열 (요소의 길이와 타입 고정)
• 일반 배열과 다른 점은 배열의 각각의 타입에 모두 type을 지정해줘야 합 니다!
• 순서와 규칙이 있는 배열이 있다면 Tuple을 이용!
readonly를 설정하면 const를 사용하지 않더라도 읽기만 가능한 data type이 됨

 


 

Enum (열거형)

• 숫자 열거형과 문자 열거형
• 값들에 미리 이름을 정의하고 사용하는 타입
• enum의 value 값으로는 문자열 혹은 숫자만 허용되며, 선언 이후로는 내용을 추가, 삭제할 수 없다.
• 값을 넣지 않고 선언한다면 숫자형 Enum 가장 위의 요소부터 0으로 할당돼서 1씩 늘어나게 된다.

 

any

어떤 타입이든 상관없이 오류가 나지 않으며, Typescript에 적용에 의한 에러를 무시하고 싶을 때 사용한다.
대표적으로 빈 배열을 먼저 선언하고 싶을 때나, 받아오는 데이터 타입을 개발자가 알 수 없을 때 사용한다.

 

 

interface

 

interface Student {
	name : string;
    grade : string;
    isPassed : booolean;
}
const Students : Student = {
	name : 'jh',
    grade: 2,
    isPassed : false;
}

const Students2 : Student = {
	name : 'jh',
    grade: 'aaaa',
    isPassed : false;
} //에러가 발생함
변수의 데이터 타입을 미리 지정해놓은 자료형으로 주로 object의 데이터 타입을 설정할 때 사용한다. 
interface를 사용하면 내부에 있는 키의 데이터 타입을 지정해 주고 정밀한 데이터 설정이 가능해진다.

 

 

type

• Interface와 마찬가지로 사용자 정의 타입을 만들어줌
• 오브젝트 뿐만 아니라 문자열이나 숫자로 제한을 둘 수 있음
  Type에서 설정한 것 이외의 값이 들어오면 코드에서 빨간줄로 틀렸음을 알려줌

 

 

 

'국비지원 공부 정리 > Typescript' 카테고리의 다른 글

React - hook, event에서의 type  (0) 2025.04.04
React with Typescript  (0) 2025.04.04
TypeScript의 Generic 타입  (0) 2025.04.03
함수 선언과 typescript  (0) 2025.04.03
TypeScript 기본 설명  (0) 2025.04.03