[Typescript] interface와 type
·
Typescript
❓ Interface- 객체의 구조를 정의하는 타입스크립트의 방법 중 하나로, 객체의 형태를 설명하는 명세서와 같다. 주로 객체의 구조를 정의하고 클래스가 특정 계약을 준수하도록 강제하는 데 사용된다.▶ 기본 사용 예시interface User { id: number; name: string; age?: number; // 선택적 속성 readonly email: string; // 읽기 전용 속성}const user: User = { id: 1, name: "김개발", email: "dev@example.com"};❓ Type- 타입 별칭으로, 새로운 타입을 정의하는 방법이다. 객체 타입뿐만 아니라 원시 타입, 유니온 타입, 튜플 등 모든 종류의 타입에 이름을 붙일 수 있다. 더 넓은 범위..
[Typescript] 제네릭(Generic)
·
Typescript
❓ 정의- 일반화된 데이터 타입- 함수, 타입, 클래스 등에서 내부적으로 사용될 타입을 미리 정해두지 않고 타입 변수를 사용해서 해당 위치를 비워놓은 다음, 실제로 그 값을 사용할 때 외부에서 타입 변수 자리에 타입을 지정하여 사용하는 방식= 코드를 작성할 때 타입을 고정하지 않고, 사용할 때 타입을 지정할 수 있도록 하는 기능- any와 다른 점은 아무 타입이나 무분별하게 받는 것이 아니라, 배열 생성 시점에 원하는 타입으로 특정 가능하다는 것▶ 기본 사용 예시type ExampleArrayType = T[];const array1: ExampleArrayType = ["치킨", "피자"];❗ 사용이유✅ 다양한 타입을 받게 함으로써 코드를 효율적으로 재사용✅ 의도를 명확하게 드러냄으로써 가독성 향상 ✅..
[Typescript] 원시 타입과 객체 타입
·
Typescript
1. 원시 타입- 메서드나 속성을 가지지 않는 불변(immutable) 데이터 타입1️⃣ number : 숫자 데이터2️⃣ string : 문자열 데이터3️⃣ boolean : true 또는 false4️⃣ bigint : 매우 큰 정수 데이터5️⃣ symbol : 고유하고 변경 불가능한 값 생성6️⃣ null : 명시적으로 값이 없음(빈 값)7️⃣ undefined : 값이 아직 할당되지 않음2. 객체 타입- 키-값 쌍으로 이루어진 복잡한 데이터 구조를 표현. 원시 타입을 제외한 모든 데이터1️⃣ object : 객체에 해당하는 모든 타입 값을 유동적으로 할당 가능 -> 가급적 사용x...any와 유사한 역할2️⃣ {} : 객체 리터럴 방식으로 객체를 생성할 때 사용3️⃣ array : 자바스크립트와 ..
[Typescript] enum이란 무엇인가?
·
Typescript
❓ 정의- enum은 열거형 타입의 줄임말로, 상수 값들의 집합을 정의하는 데 사용    -> 코드의 가독성을 높이고, 특정 값들만 허용되는 상황에서 오류를 줄일 수 있음!- 자바스크립트는 enum 타입을 직접적으로 제공하지 않지만, 타입스크립트에서는 enum 키워드를 통해 공식적으로 지원- 숫자와 문자열 모두 사용가능하며, 숫자 열거형은 첫 번째 값부터 자동으로 증가▶ 기본 사용 예시// 숫자 enumenum CardinalDirections { North, East, South, West}console.log(CardinalDirections.North); // 0console.log(CardinalDirections.West); // 3// 문자열 enumenum CardinalDirecti..