3장에서 작성한 전화번호부 프로젝트를 여러개의 컴포넌트로 나눠봅시다.
보통 컴포넌트를 나눌 때에는 주로 기능별로 나눕니다. 아래의 예시를 보며 이해해봅시다.
위의 사진은 깃허브에서 로그인 후 자신의 페이지로 들어가면 바로 보이는 부분입니다. 예시로 이 부분을 여러 개의 컴포넌트로 나눠봅시다. 저는 일단 크게 4개의 컴포넌트로 나눴습니다. 물론 이게 가장 좋은 방법은 아닙니다. 컴포넌트를 나누는 방식은 사람마다 다르므로 각자가 나눈 컴포넌트가 답이 될 수도 있습니다. 일단 제가 나눈 컴포넌트에 관해 설명을 해드리겠습니다.
위 프로젝트에서는 아래 사진과 같이 4개의 컴포넌트로 분리해보겠습니다.
