커리까지

handleValueChange = (e) => { let nextState = {}; nextState[e.target.name] = e.target.value; this.setState(nextState); } App.js에 다음과 같은 함수를 추가함 return에 있는 InputBase에는 다음과 같은 구문을 추가함 const filteredComponents = (data) => { data = data.filter((c) => { return c.name.indexOf(this.state.searchKeyword) > -1; }); return data.map((c) => { return }); } ---------------------- {this.state.customers ? filtere..

전체 웹사이트의 폰트와 appbar로 꾸민다. https://material-ui.com/components/app-bar/#app-bar cd client로 이동해서 설치 npm install --save @material-ui/icons appbar를 쓰기 위하여 라이브러리를 설치한다. 위 사이트에 있는 소스코드들을 복사해서 붙여넣는다. const cellList = ["번호", "프로필 이미지", "이름", "생년월일", "성별", "직업", "설정"]; ---------------- {cellList.map(c => { return {c} })} map함수로 한번에 만들어준다. const theme = createMuiTheme({ typography: { fontFamily: '"Noto..

다이얼로그 라이브러리를 사용하면 팝업으로 표현가능 import Dialog from '@material-ui/core/Dialog'; import DialogActions from '@material-ui/core/DialogActions'; import DialogTitle from '@material-ui/core/DialogTitle'; import DialogContent from '@material-ui/core/DialogContent'; import TextField from '@material-ui/core/TextField'; import Button from '@material-ui/core/Button&#3..

DB에서 삭제되었다는 표시를 주려고 테이블 업데이트를 수행 ALTER TABLE CUSTOMER ADD createDate DATETIME; ALTER TABLE CUSTOMER ADD isDeleted INT;xxxxxxxxxx UPALTER TABLE CUSTOMER ADD createDate DATETIME;ALTER TABLE CUSTOMER ADD isDeleted INT; UPDATE CUSTOMER SET createDate = NOW(); UPDATE CUSTOMER SET isDeleted = 0; 그러면 테이블이 업데이터되어서 값이 들어가있음 class CustomerDelete extends React.Component { deleteCustomer(id) { const url = &..

필요한 부분만 새로고침 하도록 해야함 부모컴포넌트에서 자식에게 전달 class App extends Component { constructor(props) { super(props); this.state = { customers: '', completed: 0, searchKeyword: '' } } stateRefresh = () => { this.setState({ customers: '', completed: 0, searchKeyword: '' }); this.callApi() .then(res => this.setState({customers: res})) .catch(err => console.log(err)); } state를 초기화 ..