인덱스드 엑세스타입 실무질문

Question

안녕하세요 강사님 interfce Post { ... author: { id:number; name:string; }; ... } 이렇게 예제가있어서 매개변수 타입에 Post['author']를 주셨는데요 실무에서는 위의방식처럼하는지 아니면 interface Author { id : number; name : string; } interface Post { ... author : Author } 이런식으로 타입을 나누는지 실무기준에서 어떻게쓰나 궁금합니다

winterlood · Answer

안녕하세요 나마스테님 이정환입니다. 실무에서는 팀별로 또는 개인별로 다른 기준을 선택하기 때문에 딱 어떤것이 정답이다 정해드리기는 어려운데요, 보통은 AI 인턴의 답변대로 Author 타입이 다른 곳에서도 자주 사용된다면 분리하는게 좋다고 생각합니다. 그런데 만약 Comment 라는 타입이 추가로 있고, 해당 타입 내에도 별도의 Author 타입(Post의 Author와 프로퍼티가 다름)이 존재할 경우 이럴때에는 또 Author 타입을 분리해 사용하기 애매해 질 수 있습니다! PS. AI 인턴이 완벽한 답변을 적어주어 제가 딱히 코멘트를 덧 붙일 점이 없네요 ㅠㅠㅠ

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. 나마스테님. 실무에서는 Author 처럼 여러 곳에서 재사용되거나 독립적인 의미를 가진 타입이라면 별도로 분리하는 경우가 많습니다. interface Author { id: number; name: string; } interface Post { // ... author: Author; } 반면 author 타입이 Post 에서만 사용되고 별도로 재사용할 필요가 없다면, 질문처럼 Post['author'] 를 활용할 수 있습니다. function printAuthorInfo(author: Post['author']) { // ... } Post['author'] 는 Post 타입의 author 속성 타입을 그대로 가져오는 방식입니다. 따라서 Post 의 author 구조가 변경되면 매개변수 타입에도 자동으로 반영되어 타입 중복을 줄일 수 있습니다. 정리하면 다음과 같습니다. 여러 곳에서 재사용하거나 도메인상 독립적인 개념이라면 Author 타입을 별도로 선언 특정 타입의 속성을 그대로 참조하고 싶거나 중복 선언을 피하고 싶다면 Post['author'] 사용 강의 예제에서는 인덱스드 엑세스 타입의 기능을 설명하기 위해 Post['author'] 방식을 사용한 것 강사님의 유사한 답변은 아래 게시글에서 확인하실 수 있습니다. 질문있습니다. 해당 답변에서도 Author 타입을 처음부터 분리해 사용하는 것이 가능하며, 실제 코드의 효율성보다는 TypeScript 기능 활용을 보여주기 위한 예제라는 점을 설명하고 있습니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.