리액트 컴포넌트 분리하기

[DeveloperRyou]

기본 명세 사이트 : https://ko.legacy.reactjs.org/tutorial/tutorial.html#passing-data-through-props

참고자료 :
https://initstory.tistory.com/43
https://ventos06.tistory.com/4

네번째 과제입니다.
리액트 컴포넌트 분리를 해봅시다.

필수 구현

1. �/main에서 표를 만들었을 텐데, 표의 각 행을 컴포넌트로 분리해봅시다.

1. src 폴더안에 components 라는 폴더를 만들어주세요.
2. components라는 폴더에서 따로 파일을 생성해서 행을 렌더링 하는 부분을 분리합시다.

2. 만들어진 컴포넌트를 이용해, /main 에서 똑같은 행을 8개를 작성해보세요.

보너스 구현

1. 새로 만든 컴포넌트에 데이터를 넣을 수 있게 구성하세요.

1. props를 통해서 각 행이 어떤 데이터를 렌더링 할지 결정해 주세요.
2. /main에서 props에 각기 다른 데이터를 넣어 서로다른 행 8개를 작성해보세요.
3. 컴포넌트는 넘어온 데이터를 활용해 서로 다른 행을 그려야 합니다.