인프런 커뮤니티 질문&답변

안녕하세요. 

리액트-타입스크립트 강좌에서 배운 걸 이 강좌에도 적용하면서 진행중인데요. 우선 Post, Comment, User를 타이핑하면서 궁금한 점이 생겼습니다. 

현재 Post, Comment, User를 위해 아래와 같은 인터페이스를 작성하였는데요. User의 경우 Post에도 들어있고, 구현에 따라 Comment에도 들어있고요. Post의 경우에도 구현에 따라서 Comment 안에도 들어갈 수도 있고, 아니면 그냥 현재처럼 postId라는 속성을 만들어서 사용할 수도 있을 것 같습니다. User 안에 있는 Followings나 Followers 같은 경우에도 현재는 User의 array로 했지만 user들의 id들의 array를 쓸 수도 있을 것 같고요. 

이렇게 서로 다른 타입 간에 관계가 있을 때 타입 설계를 어떤 식으로 하는 게 바람직한지 궁금합니다. 아래처럼 최대한 작성된 인터페이스를 활용하는 경우에는 타입 관리를 하기에는 좋을 것 같지만 불필요하게 많은 데이터를 컴포넌트에 전송하거나 하는 건 아닌가 하는 생각이 들고요. 컴포넌트 내에서 필요한 정보만 간략하게 전달하는 방향으로 작성하면 대신에 타입을 관리하는 게 복잡해지는 것 같습니다. 이런 경우는 어떤 식으로 처리하는 게 좋을까요? 

export interface User {
  id: number;
  nickname: string;
  Posts: Post[];
  Followings: User[];
  Followers: User[];
}

export interface Comment {
  User: User;
  //userId: number;
  content: string;
  postId: number;
}

export interface Post {
  id: number;
  User: User;
  content: string;
  Images: { src: string }[];
  Comments: Comment[];
}

     그리고 dispatch 함수나 redux-saga의 put함수의 경우 동적 액션 함수를 쓰지 않고 액션 객체를 바로 주는 경우에 dispatch<LoginRequestAction>({ type: LOG_IN_REQUEST, data }) 혹은 put<LoginSuccessAction>({ type: LOG_IN_SUCCESS, data: action.data }) 이런 식으로 작성하였는데 이런 식으로 하면 괜찮은 것인가요?