윤시의 블로그

TS - 타입 추론 (Type Inference)타입 추론(Type Inference)⇒ TypeScript에서 코드를 작성할 때 명시적으로 타입을 지정하지 않아도, 컴파일러가 자동으로 변수나 함수의 타입을 추론하는 기능임. 이는 코드를 더 간결하게 작성할 수 있도록 도와줌.예시let username = "John"; // string으로 추론let age = 30; // number로 추론let isStudent = true; // boolean으로 추론let list = [1, 2, 3]; // number 배열로 추론 함수 반환 타입 추론함수의 반환값도 컴파일러가 자동으로 타입을 추론함.function add(a: number, b: number) { return a + b; // 반환값을 num..

1. interface 문법interface는 객체 타입을 정의할 때 사용한다. 객체 자료형의 타입을 보다 편리하게 지정할 수 있다.interface Square { color : string; width : number;}let 네모: Square = { color : 'red', width : 100 };type alias와 유사한 기능을 제공한다.대문자로 시작하며 { } 안에 타입을 명시한다. 1.1 interface의 장점 : extendsinterface는 다른 인터페이스를 확장(상속)할 수 있다.예를 들어, Stundent와 Teacher 인터페이스를 만들 때 중복 속성을 줄이기 위해 extendf 사용interface Student { name : string;}interface Teache..

열거형(Enum)열거형(enum)은 타입스크립트에서 특정 값들의 집합에 이름을 부여해 가독성과 유지보수성을 높이는 데 사용한다. 일반적으로 상수들의 묶음을 정의할 때 유용하다.왜 열거형을 사용할까?숫자나 문자열 값들에 의미있는 이름을 붙여 가독성을 높임상수값들을 일관되게 관리하기 위해서1. 숫자 열거형숫자 열거형은 기본적으로 값이 0부터 시작하며, 값이 자동으로 1씩 증가한다.enum Direction { Up, // 0 Down, // 1 Left, // 2 Right // 3}console.log(Direction.Up); // 출력: 0console.log(Direction.Right); // 출력: 3→ 값을 명시하지 않으면, 0부터 시작해 1씩 자동 ..

제네릭(Generics)이란?제네릭이란 타입을 일반화하여 여러 타입에서 재사용 가능한 코드를 작성할 수 있도록 하는 TypeScript의 기능이다. 제네릭은 코드를 작성하는 시점에 타입을 미리 정하지 않고, 사용하는 시점에 타입을 지정할 수 있게 한다. 제네릭의 기본 구조function getValue(value: T): T { return value;}T는 타입 매개변수(Type Parameter)로, 함수가 호출될 때 구체적인 타입으로 대체된다.getValue 함수는 호출하는 시점에 전달된 값의 타입을 기반으로 동작한다. 제네릭의 특징1. 다양한 타입에 대응 가능const result1 = getValue(100); // T가 number로 대체됨const result2 = getValue("tes..

1. Union Typestring 또는 number와 같이 다양한 타입을 허용하고 싶다면, | 연산자로 정의한다.변수의 타입은 할당 시점에 하나로 좁혀진다.let 이름 : string | number = "kim";let 나이 : (string | number) = 100;//Array와 Object에도 적용var 어레이 : (number | string)[] = [1,"2", 3];var 오브젝트 : {data : number | string} = { data : "123"); 2. any 타입어떤 자료든 할당 가능, 타입체크 해제남발하면 타입 안정성이 떨어짐let 이름 : any = "kim";이름 = 123;이름 = [];3. unknown 타입any와 비슷하지만 더 안전한 타입unknown 타입..