질문 및 코드리뷰

[MinCheolS]

Review

과제를 진행하면서..

1. 최대한 배운것을 사용해서 코드를 작성하려고 하였습니다.
2. 컴포넌트를 나눌때 다양한 방법으로 나눌 수 있다는 것을 알았습니다.
   -> 눈에 보이는 부분을 나눠서 조각 맞춘다고 생각했는데, 컴포넌트 안에 또 컴포넌트를 넣어서 구상을 할 수 있다는 것을 알았습니다.
3. 코드는 전체적으로 구성을 하고 나서 컴포넌트에 맞게 옮겼습니다.

궁금한 점

1. 컴포넌트를 어떻게 나눠야 좋은 코드가 될 수 있는지 궁금합니다.
2. 컴포넌트를 관리하는 파일과 CSS를 관리하는 파일은 같이 보관을 하는지, 따로 보관을 해야하는지 궁금합니다.
3. 컴포넌트에서 Layout 부분에 props로 자료를 받아오는 부분에서 명확하게 어디서 받아오는건지를 명시해 주는 것이 좋은지, 아니면 props나
   children을 사용해서 구성을 하는게 좋은지 알고 싶습니다.

• 받아오는 자료를 명시한 코드
  function Layout(todos) {
  return (
  {todos.children}
  )

}

• props를 이용한 코드
  function Layout(props) {
  return (
  {props.children}
  )

}

• 구조분해할당으로 children을 이용한 코드
  function Layout({children}) {
  return (
  {children}
  )

}

[miniPinetree]

민철님 과제하시느라 정말 고생하셨습니다.
이슈에 정리된 질문들도 매우 깔끔하고 잘 정리되어 있네요. 멋지십니다!

• 컴포넌트 안에 또 컴포넌트를 넣어서 구현하는 것에 익숙해지시면 좋아요.
  : 작은 컴포넌트를 먼저 만들고 그것을 조합해보는 것을 시도해보시기를 추천합니다.

• 컴포넌트를 어떻게 나눠야 좋은 코드가 될 수 있는지 궁금합니다.
  : 아래 두 가지 관점에서 생각해보시면 좋을 것 같아요.

1. props drilling이 무엇인지 검색해보시고 이런 상황이 발생하지 않게 하려면 어떻게 구조를 나눠야할지
2. 프롭이 변화하면 리렌더링이 발생하는데 불필요한 리렌더링이 발생하지 않게끔하려면 어떻게 나누어야할지

• 컴포넌트를 관리하는 파일과 CSS를 관리하는 파일은 같이 보관을 하는지, 따로 보관을 해야하는지 궁금합니다.
  : 실무에 가서는 컴포넌트마다 jsx, css파일을 한 벌씩 만들지는 않아요. 그래서 이 부분은 크게 고민하지 않으셔도 되는 문제이고요. 프로젝트가 커지면 한 프로젝트에 css 파일이 한 두개만 나오고요. 보통은 모아둡니다.

• 컴포넌트에서 Layout 부분에 props로 자료를 받아오는 부분에서 명확하게 어디서 받아오는건지를 명시해 주는 것이 좋은지, 아니면 props나 children을 사용해서 구성을 하는게 좋은지 알고 싶습니다.
  : 이건 면담에서 말씀드린 것과 같이 상황에 따라 다를 수 있습니다 :)

[MinCheolS]

네!! 감사합니다. 그 부분을 조금 더 생각해보고 코드를 만들어 보도록 하겠습니다.