Ted's Codding study

1. 상태 및 데이터 타입 정의사용자 정보를 처리하는 API 응답 처리사용자 정보를 나타내는 타입과 API 응답 타입을 정의type User = { id: number; name: string; email: string;};type ApiResponse = { status: 'loading' | 'success' | 'error'; data?: User; message?: string; // 성공 또는 에러 메시지 출력}; 2. API 응답 처리 함수 구현API 응답에 따라 다른 작업을 수행하는 함수를 구현ApiResponse 타입의 객체를 매개변수로 받아 그 상태에 따라 적절한 로그를 출력하고, 필요한 작업을 수행function processApiResponse(response: ApiRes..

1. 함수의 선언과 호출매개변수와 반환 값에 타입 지정 가능기본 함수 선언function greet(name: string): string { return `Hello, ${name}`;} 화살표 함수: 타입 속성으로 명시하여 첨부type ArrowGreetType = (name: string) => string;const arrowGreet: ArrowGreetType = (name) => `Hello ${name}`;console.log(arrowGreet('테드'));console.log(arrowGreet(1)); // - Error// 'number' 형식의 인수는 'string' 형식의 매개 변수에 할당될 수 없습니다. 2. 선택적 매개변수와 기본 매개변수선택적 매개변수함수 호출 시 생략 가..

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' 형식에 할..