고객관리 시스템 (2) 썸네일형 리스트형 인텔리제이 react ,node를 활용한 고객관리 시스템 Material ul 디자인하기 react에서 가장 많이 사용하는 Material 디자인 웹 프레임 워크 bootstrapk과 유사 https://mui.com/getting-started/installation/ // with npm npm install @mui/material @emotion/react @emotion/styled // with yarn yarn add @mui/material @emotion/react @emotion/styled ※Customer.js import React from 'react'; import TableRow from '@mui/material/TableRow'; import TableCell from '@mui/material/TableCell'; class Customer extends R.. 인텔리제이 react, node를 활용한 고객관리 시스템 프로젝트 구조화 하기 ※App.js import Customer from './components/Customer'; import './App.css'; const customer ={ 'id': 1, 'image' : 'https://placeimg.com/64/64/any', //랜덤으로 이미지 보여주는 사이트 'name':'박짜장', 'birthday' : '941118', 'gender' : '남자', 'job' : '대학생' } function App() { // 웹사이트 화면 출력 return ( ); } export default App; ※Customer.js import React from 'react'; class Customer extends React.Component{ render(){ return( .. 이전 1 다음