Udemy/ts/section7/98: object controller

[4BFC]

✍Udemy/ts/section7/98: object controller

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

🔗Reference

• 참고자료
• 없다면 지워주세요.

🔥KeyWord

• key, value
• object

📝Description

• 객체를 컨트롤 하는 함수
• 🚩: object의 key, value의 값을 컨트롤 할 수 있는 함수 구현 및 실습
  • 우리가 객체를 컨트롤 하는 함수를 구현한다면 위와 같은 코드로 구현할 것이다. 다소 복잡해 보일 수 있지만다. 차근차근 살펴보자. 우선 객체는 key, value 형태로 구성되어 있다는 것을 모두가 알 것이다. 그런 객체 타입을 가지고 있는 Generic이 바로 T이다. 그리고 U는 T에서 key에 해당되는 값을 상속받아 key타입을 지니고 있다. 즉, name 부분을 반환하는 형태이다. return 값의 반환을 보면 object의 해당 key값을 도출하려는 의도이다. 따라서, console.log(value)의 값은 Max가 된다.
  • age를 추가해보기
  • 🚩: 객체를 컨트롤 하는 함수에서 age를 추가하고 그 값을 반환하는 실습

📌Summary

• 잠시 생각을 할 필요가 있었지만 이해를 하면 그리 어려운 문제는 아니였다. 처음에는 issue에만 작성하려고 했으나 흥미로운 코드여서 pr에 작성했다. 한번 참고하면 좋을 듯한다.

[4BFC]

@nyun-nye 코드가 흥미롭고 프로젝트에 자주 쓰일거 같아서 태그 답니다.

[nyun-nye]

코드 확인했습니다!
설명이 상세히 잘 되어있어서 이해하는데 큰 도움이 되었습니다.

타입 스크립트의 장점 중 타입 안전성에 대해 직접 느낄 수 있었습니다. keyof T를 사용해서 객체의 속성 키에 타입 제약을 둠으로써, 잘못된 키 사용을 방지하여 코드의 안정성을 높이는 좋은 방법인 것 같습니다. 특히 객체의 키 타입을 상속받은 U를 사용하여 함수가 정확한 키 값만을 받을 수 있도록 제한하는 방식이 이 언어의 장점을 극대화 하는 것 같습니다.

덕분에 타입스크립트의 keyof 연산자에 대해서 알아보는 좋은 기회가 되었습니다.
말씀하신대로 해당 코드는 활용도가 높고 활용 범위가 넓어서 자주 사용하게 될 것 같습니다.

좀 더 깊이 있게 타입스크립트를 학습한 후 프로젝트에서 해당 코드를 활용하여 더 좋은 코드를 짤 수 있는 방안을 모색해보겠습니다. 👍

[nyun-nye]

코드를 실행하다보니 궁금한 부분이 있어 질문드립니다.

제가 사용한 명령어는 다음과 같습니다.
>> npx tsc index.ts

아래와 같은 에러가 발생했습니다.

index.ts:2:17 - error TS2550: Property 'assign' does not exist on type 'ObjectConstructor'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2015' or later.
2 return Object.assign({}, objA, objB);

해결을 하기 위해 사용한 명령어는 다음과 같습니다.
>> npx tsc index.ts --lib es2015,dom

저와 동일한 에러가 발생하는지 여쭤보고 싶습니다.