객체와 인터페이스

// 사람 정보를 담는 객체의 타입을 정의합니다.
let person: {
  name: string;
  age: number;
  isStudent: boolean;
};

// 정의된 타입에 맞춰 객체를 할당합니다.
person = {
  name: "김민준",
  age: 25,
  isStudent: true,
};

console.log(person.name);    // 김민준
console.log(person.age);     // 25

// 오류: 타입 정의에 없는 속성을 추가할 수 없습니다.
// person.address = "서울"; // Error: Property 'address' does not exist on type '{ name: string; age: number; isStudent: boolean; }'.

// 오류: 필수 속성을 누락할 수 없습니다.
// person = {
//   name: "박서준",
//   age: 30
// }; // Error: Property 'isStudent' is missing in type '{ name: string; age: number; }' but required in type '{ ... }'.

// 오류: 속성의 타입이 맞지 않으면 할당할 수 없습니다.
// person = {
//   name: "최유리",
//   age: "스물셋", // Error: Type 'string' is not assignable to type 'number'.
//   isStudent: false,
// };

const received = { name: "민준", age: 25, address: "서울" };
const personView: { name: string; age: number } = received;
console.log(personView.name); // 민준
console.log(received.address); // 서울
// console.log(personView.address); // 이 타입에는 address가 없습니다.
// const direct: { name: string; age: number } =
//   { name: "민준", age: 25, address: "서울" }; // 새 리터럴의 초과 속성 진단

let car: {
  brand: string;
  model: string;
  year?: number; // year 속성은 선택적입니다.
};

car = {
  brand: "Hyundai",
  model: "Sonata",
  year: 2023,
};

car = {
  brand: "Kia",
  model: "K5",
  // year 속성을 생략해도 오류가 발생하지 않습니다.
};

console.log(car.year); // undefined: 직전 할당한 Kia 객체에는 year가 없습니다.

let userProfile: {
  readonly id: string;
  name: string;
};

userProfile = {
  id: "user_abc_123",
  name: "이수진",
};

// userProfile.id = "new_id"; // Error: Cannot assign to 'id' because it is a read-only property.
userProfile.name = "이수진님"; // name은 변경 가능합니다.

console.log(userProfile.id); // user_abc_123

const profile: { readonly detail: { name: string } } = {
  detail: { name: "수진" },
};

// 'Person'이라는 이름의 인터페이스를 정의합니다.
interface Person {
  name: string;
  age: number;
  isStudent?: boolean; // 선택적 속성도 정의 가능
  readonly nationalId: string; // 읽기 전용 속성도 정의 가능
}

// Person 인터페이스를 따르는 객체를 생성합니다.
let student: Person = {
  name: "김영희",
  age: 22,
  isStudent: true,
  nationalId: "981234-5678901",
};

let teacher: Person = {
  name: "박선생",
  age: 40,
  nationalId: "789012-3456789",
  // isStudent 속성은 선택적이므로 생략해도 오류가 없습니다.
};

console.log(student.name);   // 김영희
// student.nationalId = "새로운ID"; // Error: nationalId는 읽기 전용입니다.

interface MathOperation {
  (x: number, y: number): number; // 매개변수 타입과 반환 타입 정의
}

let add: MathOperation = function (a, b) {
  return a + b;
};

let multiply: MathOperation = function (num1, num2) {
  return num1 * num2;
};

console.log(add(5, 3));     // 8
console.log(multiply(4, 6)); // 24

// 오류: 반환 타입이 맞지 않습니다.
// let invalidOp: MathOperation = function (a, b) {
//   return "결과: " + (a + b); // Error: Type 'string' is not assignable to type 'number'.
// };

interface StringDictionary {
  [key: string]: string; // 문자열 키에 문자열 값을 가집니다.
}

let myDictionary: StringDictionary = {};
myDictionary["hello"] = "안녕하세요";
myDictionary["apple"] = "사과";
myDictionary["book"] = "책";

console.log(myDictionary["hello"]); // 안녕하세요

// 오류: [key: string]에 string 값만 허용하므로 숫자를 할당할 수 없습니다.
// myDictionary["year"] = 2024; // Error: Type 'number' is not assignable to type 'string'.

interface NumberIndexableArray {
  [index: number]: string; // 숫자 인덱스에 문자열 값을 가집니다.
}

let myStringArray: NumberIndexableArray = ["a", "b", "c"];
console.log(myStringArray[0]); // a

interface Shape {
  color: string;
}

interface Circle extends Shape { // Shape 인터페이스를 확장합니다.
  radius: number;
}

interface Rectangle extends Shape { // Shape 인터페이스를 확장합니다.
  width: number;
  height: number;
}

let myCircle: Circle = {
  color: "blue",
  radius: 10,
};

let myRectangle: Rectangle = {
  color: "red",
  width: 20,
  height: 30,
};

console.log(myCircle.color);    // blue
console.log(myRectangle.width); // 20