inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

인덱스드 엑세스 타입

질문있습니다.

해결된 질문

112

Milkyway

작성한 질문수 35

0

안녕하세요. 질문 있습니다.

수업에 아래와 같은 코드를 사용했습니다.

type Post = {
  title: string;
  content: string;
  author: {
    id: number;
    name: string;
    age: number;
  };
};

type Author = Post['author']

제가 궁금한 것은 처음부터 Author 타입을 분리해서 선언하고 그 타입을 Post에서 가져다 쓰면 안되나요?

타사 라이브러리에 타입이 잘못 선언돼 있다면 유용할 것 같긴 한데 그 외에도 어떤 사용 방법이 있을지 궁금합니다.

감사합니다. 새해 복 많이 받으세요!

 

typescript

답변 2

0

이정환 Winterlood

안녕하세요 이정환입니다.

네 맞습니다. Author 타입을 분리 해 사용 가능할 경우 그렇게 하는게 편하긴 하겠죠

다만 본 강의는 타입스크립트의 여러 기능을 살펴보는 목적으로 진행되기 때문에, 코드의 효율성 보다는 기능 활용에 더 초점을 맞추어 진행됨을 알려드립니다 😃 이런 방식으로도 활용할 수 있다 정도로 이해하시면 되겠습니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. Raehan Jeong님.

질문 주셔서 감사합니다! TypeScript에서 타입을 어떻게 분리하고 재사용할 수 있는지에 대해 질문 주셨군요.

주어진 코드에서 type Author = Post['author']는 인덱스드 엑세스 타입(indexed access type)을 사용하여 기존 타입인 Post의 속성 author의 타입을 Author로 추출하고 있습니다. 이 방식은 여러 용도로 유용할 수 있습니다:

  1. 타입 안정성: 이미 정의된 타입의 하위 속성에 대한 타입을 직접 가져오기 때문에 타입의 일관성을 유지할 수 있습니다. 만약 Postauthor 타입이 달라지면 Author도 자동으로 반영됩니다.

  2. 유지보수 용이: 코드를 유지보수할 때 수정해야 할 부분이 줄어듭니다. 만약 Post 내의 author 구조가 변경된다면, 중복된 타입 정의를 수정하지 않아도 됩니다.

  3. 라이브러리 활용: 외부 라이브러리에서 잘못된 타입 정의나 불완전한 타입 정의가 있을 때, 인덱스드 엑세스 타입을 활용하여 필요한 부분만 추출하거나 수정할 수 있습니다.

물론 Author 타입을 처음부터 독립적으로 선언하는 것도 가능합니다. 이렇게 하면 Post 타입과 독립적으로 Author를 수정할 수 있지만, 두 타입의 동기화를 직접 관리해야 합니다.

이에 관련된 유사한 질문과 답변이 이미 게시판에 존재하여 아래 링크를 참고하면 더 도움이 될 것 같습니다:

지금까지의 설명이 도움이 되셨기를 바라며, 새로운 해에도 좋은 학습되시기 바랍니다!

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>

0

25

2

outDir 옵션 추가 후 컴파일 오류 질문

0

62

1

호출 시그니처 질문

0

65

2

서로소 유니언 타입이 discriminated union과 동의어 인가요?

0

75

2

조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제

0

65

1

할인쿠폰 관련하여

0

155

2

프론트엔드에서의 인터페이스활용

0

94

2

안녕하세요 이정환님!

0

91

1

Node.js 설치에 관한 질문입니다.

0

79

2

함수 타입 호출 시그니처

0

56

1

35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?

0

64

2

인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?

0

118

4

마우스 호버 시 정보

0

92

2

vite으로 리액트 빌드하기를 업데이트해주세요.

1

89

2

타입가드를 만들어 사용하는 이유가 궁금합니다.

0

83

2

섹션 12가 너무 어려운데... 정상이겠죠..?

0

136

2

선생님.. 알고리즘도 강의해주시면안되나요

0

100

2

선생님은 어떻게 이런걸 아세요?

0

128

1

type: module

0

97

2

7:17초 업캐스팅 질문이있습니다!

0

76

1

슈퍼타입질문

1

62

2

프로젝트 설치

0

103

2

enum은 비원시 타입이면서 열거형 타입이 되는건가요?

0

69

2

함수는 함수타입? 객체타입??

1

94

2