본문 바로가기

FrontEnd/TypeScript

 (5)
[TypeScript] Enum 타입 본 내용은 이정환님의 "한 입 크기로 잘라먹는 타입스크립트" 강의 내용을 바탕으로 작성되었습니다. Enum(열거형) 타입 : 열거형 타입은 자바스크립트에는 존재하지 않고 타입스크립트에서만 사용 할 수 있는 특별한 타입입니다. enum Role { ADMIN, USER, GUEST, } 위과 같이 여러개의 값을 나열하는 용도로 사용합니다. // enum 타입 // 여러가지 값들에 각각 이름을 부여해 열거해두고 사용하는 타입 // enum의 각 멤버에는 다음과 같이 숫자를 할당 가능 enum Role { ADMIN = 0, USER = 1, GUEST = 2, } const user1 = { name: "name1", role: Role.ADMIN, //관리자 }; const user2 = { name: "..
[TypeScript] 타입별칭(Type Alias) & 인덱스 시그니처(Index Signature) 본 내용은 이정환님의 "한 입 크기로 잘라먹는 타입스크립트" 강의 내용을 바탕으로 작성되었습니다. TypeScript에서 아래 객체리터럴과 같이 타입을 정의하게 되면 let user: { id: number; name: string; birthday: string; } = { id: 1, name: "user1", birthday: "0000.00.00"; }; let user2: { id: number; name: string; birthday: string; } = { id: 1, name: "user1", birthday: "0000.00.00"; }; 타입에 관한 코드라고 하지만 코드의 중복이 발생하게 됩니다. 이러한 중복을 피하기 위해 타입 별칭(Type Alias)을 사용하면 좋습니다. 타입 ..
[TypeScript] 객체 본 내용은 이정환님의 "한 입 크기로 잘라먹는 타입스크립트" 강의 내용을 바탕으로 작성되었습니다. TypeScript에서는 2가지 방식으로 객체의 타입을 정의할 수 있습니다. // object로 정의 let user: object = { id: 1, name: "user1", }; user.id; // ❌오류, 'object' 형식에 'id' 속성이 없습니다. // 객체 리터럴로 정의 let user: { id: number; name: string; } = { id: 1, name: "user1", }; user.id; // ⭕️ 위의 예시와 같이 object로 정의하는 방법과 객체 리터럴로 정의하는 방법이 있습니다. object로 정의할 경우 객체의 특정 프로퍼티에 접근하려고 하면 오류가 발생하는 것..
[TypeScript] 배열과 튜플 본 내용은 이정환님의 "한 입 크기로 잘라먹는 타입스크립트" 강의 내용을 바탕으로 작성되었습니다. 타입스크립트에서는 배열을 다음과 같이 정의합니다. let numArr: number[] = [1, 2, 3] let strArr: string[] = ["hello", "hi", "nice", "to", "meet", "you"]; let boolArr: Array = [true, false, true]; 배열을 저장하는 변수의 이름 뒤에 타입 주석(타입 어노테이션)의 시작을 의미하는 콜론(:)을 작성한 뒤, 배열요소타입[] 형식으로 배열 타입을 정의합니다. Array 형태로도 배열의 타입을 정의할 수 있는데 이렇게 꺽쇠와 함께 타입을 작성하는 문법을 타입스크립트에서는 "제네릭" 이라고 부릅니다. 다음과 같..
[TypeScript] 원시타입과 리터럴타입 본 내용은 이정환님의 "한 입 크기로 잘라먹는 타입스크립트" 강의 내용을 바탕으로 작성되었습니다. 위 그림은 타입스크립트가 제공하는 기본 타입들에 대한 그림입니다. 자바스크립트에서 볼 수 있었던 null, undefined, number 등 익숙한 타입이 있는 반면, any, void, never 등과 같이 타입스크립트에 존재하는 타입들이 있습니다. 원시타입(Primitive Type) : 동시에 한개의 값만 저장할 수 있는 타입. ex) number, string, boolean, null, undefined number 타입: 자바스크립트에서 숫자를 의미하는 모든 값을 표현하는 타입 let num1: number = 123; let num2: number = -123; let num3: number ..

티스토리툴바