Udemy/Ts/section2/16

[4BFC]

✍Udemy/Ts/section2/16

본 PR은 청강 1회독을 마친 후 N회독으로 작성된 PR입니다.

🔥KeyWord

• 객체 정의
• 객체 타입 정의
• { }과 ,과 ;의 차이

📝Description

• 객체(Object) 정의
  • 🚩: 객체와 추론 객체 타입의 차이
  • 일반적으로 객체(Object)를 정의하는 방법은 Key와 Value로 한쌍으로 일루어져있다. 그리고 각 객체마다 ','을 붙힌다.
• TypeScript로 객체(Object)로 접근하기
  • 🐛: object로 타입을 지정하면 일반적인 객체로 접근할 수 없다는 error가 발생한다.
  • 우리가 정의한 객체를 : object 타입으로 지정을 하고 console.log(person.name);으로 접근하면 error를 발생시킨다. 이유는 Object 타입은 일반적인 객체를 나타내는 타입이다. 즉, object 타입으로 선언된 변수는 해당 변수에 어떤 속성이나 메서드가 있는지 TypeScript가 알 수 없기 때문에 특정 속성(name)에 접근하려고 하면 오류가 발생한다.
• Object 타입의 error 해결 방안(Object 타입의 속성에 접근 방법)
  • 🚩: 재활용을 가능한 객체 타입 정의 방법과 객체 정의와의 차이
  • Object 타입은 { }와 같은 의미이다. 즉, { }는 객체 구조를 의미하며 일반적인 객체를 정의하는 방식이 아닌 객체 타입으로 정의 해야한다. 따라 객체 타입으로 정의를 하기 위해서는 ,가 아닌 ;을 할당 후 뒤에 붙혀야한다. 객체 타입으로 정의하면 정의한 객체 타입을 재활용할 수 있게 된다.

📌Summary

• 객체 타입 정의 방식과 객체 정의 방식의 차이를 직접 비교 실습하며서 둘의 차이를 이해했다. 더불어서 객체 타입 정의를 통해서 interface가 생겨난 이유와 이 둘의 연관성을 조금은 엿볼 수 있었다. 하지만 타입스크립트에 object라는 타입이 왜 존재하는지는 아직 이해하진 못했다.