728x90
반응형
반응형
한명이 고객이 갖고있는 정보가 많아서 다루기 어려울 때는 분리를하면 된다. 즉 계층적으로 구성해서 각각의 Component가 포함하고 있는 내용들을 분리하는 것이 하나의 방법이 될 수 있다. 그래서 요번 시간에는 고객 Component 내용을 분리하는 방법에 대해서 알아보쟈!
그리고 Component 내용을 적절히 분해하면 관리하기가 쉬워지며 생산성 또한 높아질 수 있다.
코드
코드에 관한 설명은 주석으로 설명하였습니다.
Customer.js
App.js
결과:
위에 코드를 보면 App.js에 중복된 코드가 있는데요 그 코드를 map 함수를 이용하여 더 간결하고 구조화시키게 되면:
결과:
아까전이랑 결과가 똑같게 나온다.
반응형
'사이드 프로젝트' 카테고리의 다른 글
| 카카오 맵 API를 활용하여 지도에 마커 설정 (0) | 2021.11.24 |
|---|---|
| 카카오 맵 api 사용하여 지도 나타내기 (0) | 2021.11.24 |
| React와 Node.js로 고객 관리 시스템 만들기 1 (0) | 2021.11.21 |
| 공지사항 (0) | 2021.11.03 |
| phonenumbers 라이브러리를 이용하여 만든 간단한 프로그램 (1) | 2021.11.03 |