목록TypeScript (37)
Ted's Codding study

1. 객체 '리터럴’실제 객체 데이터 정의구분자로 쉼표(,)만 사용 가능객체 이름은 소문자로 시작객체 '리터럴'은 객체를 정의하고 각 속성에 값을 할당type UserType = { name: '테드'; height: number;};const user: UserType = { name: '테드', height: 177,};console.log(user.name);user.name = '테드친구'; // Error - '"테드친구"' 형식은 '"테드"' 형식에 할당할 수 없습니다. 2. 구조적 타이핑객체의 타입을 그 구조나 멤버에 의해서 결정하는 방식객체의 형태가 같다면, 같은 타입으로 간주덕 타이핑(duck typing)객체의 실제 타입보다는 객체가 가진 속성과 메서드가 어떤 타입에 맞느냐가 중..

1. 리터럴 타입의 정의특정 값만을 가질 수 있는 타입을 정의할 때 사용 특정 문자열, 숫자 또는 불리언 값을 정확히 지정하는 타입특정 값으로 제한된 타입 해당 값만을 가지는 상수 또는 해당 값을 타입으로 지정한 변수 다른 값을 할당하려고 하면 타입 에러가 발생변수를 const로 선언하고 직접 리터럴 값을 할당(초기화)해당 값을 자동으로 리터럴 값으로 유추let letString = 'hello';letString = 'hi';const constString = 'hello';constString = 'hi'; // Error - 상수이므로 'constString'에 할당할 수 없습니다.const constNumber = 10;const constBool = true;변수에 타입 명시를 리터럴 값으로 명..
1. Intersection 타입이란?여러 타입을 하나로 결합하여 모든 타입의 기능을 갖춘, 단일 타입을 생성하는 방법여러 타입을 모두 만족하는 하나의 타입AND 연산자 (A 그리고 B) - & 기호를 사용하여 구현 2. Intersection 타입 사용type IntersectionType = Type1 & Type2 & Type3;type Employee = { name: string; startDate: Date;};type Manager = { name: string; startDate: Date; group: string; // 부서명};위에 코드에서 name과 startDate가 중복이 됨아래 처럼 Intersection 타입을 활용할 수 있음 type Manager = Employe..

1. union 타입이란?여러 타입 중 하나가 될 수 있는 값을 나타내는 방법값에 허용된 타입을 두 개 이상으로 지정OR 연산자 (A 또는 B)| 기호를 사용하여 표현 2. union 타입의 사용변수, 함수의 매개변수, 반환값 등에서 모두 사용 가능타입의 유연성을 제공무분별한 any 사용을 방지 3. union 타입의 예시(사용방법)type UnionType = Type1 | Type2 | Type3; type Any = string | number | boolean | string[]; let value: Any = '문자'; value = 123; value = true; value = ['1', '2']; // value = {}; // Error - '{}' 형식은 'Any' 형식에 할..

1. 타입 어노테이션(Type Annotation)변수, 함수의 매개변수, 함수의 반환값 등에 사용해당 식별자(변수명)의 타입을 명시적으로 선언보통 식별자 뒤에 콜론을 사용하여 직접 명시let number;let anyNumber: any;// any 타입의 변수로 명시하지 않은 경우 값을 할당할 때마다 해당 값의 타입의 변수로 재지정변수에 초기화가 되는 경우 number = 123.456; anyNumber = 123.789; console.log(number.toFixed(2)); // 사용 가능 console.log(anyNumber.toFixed(2)); // 사용 가능 number = '전화번호'; anyNumber = '전화번호'; // console.log(number.toFix..