본문 바로가기

TypeScript

(11)

enum 사용을 지양해야 하는 이유 enum은 JavaScript로 어떻게 변환될까?TypeScript의 enum은 JavaScript에 없는 기능이기 때문에, 컴파일 과정에서 JavaScript가 이해할 수 있는 코드로 변환되어야 한다. 이때 IIFE가 사용된다.// TypeScript 코드enum WeekDays { MON = "Mon", TUES = "Tues", WEDNES = "Wednes", THURS = "Thurs", FRI = "Fri",}// JavaScript로 컴파일된 결과var WeekDays;(function (WeekDays) { WeekDays["MON"] = "Mon"; WeekDays["TUES"] = "Tues"; WeekDays["WEDNES"] = "Wednes"; Wee..

keyof typeof 사용법 keyof 타입 연산자keyof 연산자는 객체 타입의 모든 키를 추출하여 문자열 또는 숫자 리터럴 유니언 타입을 만듭니다.type Point = { x: number; y: number };type P = keyof Point; // P는 "x" | "y" 타입이 됨 인덱스 시그니처가 있는 경우인덱스 시그니처: 객체의 동적인 키-값 쌍에 대한 타입 규칙을 정의하는 문법 만약 객체 타입에 string 또는 number 인덱스 시그니처가 있다면 keyof는 해당 키 타입을 반환합니다.// 'number' 인덱스 시그니처를 가진 객체type Arrayish = { [n: number]: unknown };type A = keyof Arrayish; // A는 number 타입이 됨// 'string' 인덱스..

Zod 라이브러리 https://zod.dev/ GitHub - colinhacks/zod: TypeScript-first schema validation with static type inferenceTypeScript-first schema validation with static type inference - colinhacks/zodgithub.com Zod : TypeScript를 우선으로 고려한 스키마 선언 및 유효성 검사 라이브러리 이때, "스키마"란 간단한 문자열부터 복잡하게 중첩된 객체까지, 모든 형태의 데이터 타입을 포괄적으로 지칭하는 용어입니다. Zod는 개발자 친화적인 사용성을 목표로 설계되었습니다. 중복된 타입을 없애는 것이 핵심 목표입니다. Zod에서는 유효성 검사기를 한 번 선언하면, 해당 스키..

any와 unknown any 타입어떤 타입이든 허용한다는 의미를 가진 타입으로, TypeScript의 타입 체크를 우회하는 방식으로 동작하고 타입 안전성을 잃게 됩니다.let anyVar: any = 10;anyVar = "hello";let num: number = 10;num = anyVar; any 타입의 값은 어떤 타입으로 정의된 변수던 문제 없이 다 할당할 수 있어서 위의 코드처럼 number 타입의 변수 num에 any 타입의 값 anyVar를 할당해도 문제가 발생하지 않습니다. any 타입을 많이 사용하면 TypeScript의 장점인 타입 안전성이 사라지므로, 사용을 지양하고 필요할 때만 신중히 사용해야 합니다. unknown 타입아직 타입이 확정되지 않았다는 의미를 가진 타입으로, any 타입과 비슷하지만 보다..

타입 별칭, 인덱스 시그니처, 열거형 타입 타입 별칭(Type Alias) : 변수를 선언하듯 타입을 별도로 정의할 수 있습니다.type User = { id: number; name: string; nickname: string; birth: string; bio: string; location: string;}; 위의 코드는 타입 이름은 User, 타입으로는 여러 개의 프로퍼티가 있는 객체 타입을 정의했습니다.type User = { id: number; name: string; nickname: string; birth: string; bio: string; location: string;};let user: User = { id: 1, name: "y9s2n6", nickname: "ysqz6", birth: ..

객체 객체 타입을 정의하는 방법 1. object로 정의하기let user: object = { id: 1, name: "y9s2n6"};user.id; // Property 'id' does not exist on type 'object'. user.id 처럼 점 표기법으로 객체의 특정 프로퍼티에 접근하려고 하면 오류가 발생합니다. 오류 메세지 내용은 'object' 타입에 'id' 프로퍼티가 없다고 합니다. 오류가 발생하는 이유는 타입스크립트의 object 타입은 단순 값이 객체임을 표현하는 것 외에는 아무런 정보도 제공하지 않는 타입이기 때문입니다. 따라서 이 타입은 객체의 프로퍼티에 대한 정보를 전혀 가지고 있지 않습니다. 2. 객체 리터럴 타입 let user: { id: numbe..

배열과 튜플 배열// 숫자를 담는 배열의 타입 정의하기 let numArr: number[] = [1, 2, 3];let numArr: Array = [1, 2, 3];// 문자열을 담는 배열의 타입 정의하기let strArr: string[] = ["hello", "im", "y9s2n6"];let strArr: Array = ["hello", "im", "y9s2n6"]; 배열의 타입을 정의하는 두 형식배열요소타입[] 형식Array : 꺽쇠와 함께 타입을 작성하는 문법 - 제네릭다양한 타입 요소를 갖는 배열 타입을 정의하려면 어떻게 해야할까요? 소괄호와 | 를 이용해 배열 요소가 둘 중 하나의 타입에 해당하도록 타입을 정의하면 됩니다.let multiArr: (number | string)[] = [1, "he..

원시타입과 리터럴타입 기본 타입(내장 타입) : 타입스크립트가 자체적으로 제공하는 타입원시 타입 : 딱 한 개의 값만 저장할 수 있는 타입+ 원시 타입이 아닌 배열이나 객체 같은 비 원시 타입들은 동시에 여러 개의 값들을 저장할 수 있습니다. number 타입 : 숫자를 의미하는 모든 값을 포함하는 타입입니다. 단순 정수뿐만 아니라 소수, 음수, Infinity, NaN 등의 특수한 숫자들도 포함합니다.let num1: number = 123; let num2: number = -123; let num3: number = 0.123; let num4: number = Infinity; let num5: number = -Infinity; let num6: number = NaN; 콜론과 함께 변수의 타입을 정의하는 문법을 타..

이전 1 2 다음

티스토리툴바