반응형
Component구조화
-
React 기본 : 고객 Component 구조화 (계층적으로 만들기)컴퓨터 알아가기/React 2021. 6. 22. 19:30
바로 전까지는 Component 폴더내 Customer.js에서 고객 내용을 Props를 이용해서 App.js를 통해 index.html로 결과가 브라우징 되었습니다. 이제 다양한 고객 데이터를 사용하고 하나의 고객데이터에서 처리해야 할 정보가 많게 되면 하나의 고객 Component에서 전부 반영할 수도 있지만 시각적으로나 구조적으로 좋지 않습니다. 이럴경우 구분할 수 있는 카테고리별로 분류하여 각각 구조화(게층화) 시킬 수 있습니다. React에서는 이러한 작업을 계층적으로 구조화 시킬수 있다고 합니다. 강력한 기능이라고 볼 수 있습니다. 아래 그림을 통해 이해를 해보도록 하겠습니다. 기존방식 구조화(계층화) 개념 ▒ 고객 Component 구조화 지난 시간 예제를 가지고 구조화를 한번 해 보겠습니다..