Material-ui 설치컴포넌트 분리 후 구조Header.js (상단)Bottom.js (하단)EmpList.js (목록)EmpDetail.js (상세)EmpInsert.js (등록)컴포넌트를 잘 만들자. 뭔가 익숙해지니 뚝딱 만들어낸다는 느낌도 든다.

파일 업로드만 별도로 구현한 것이므로 이전에 구현해 놓은 다른 컴포넌트는 보이지 않는다.예정대로...

메인(목록) 컴포넌트리스트의 링크를 클릭하면 상세 페이지로 넘어가는... 이런식으로 화면 구성이 된다.상세(상세/수정/삭제) 컴포넌트는 이렇게변경, 삭제 버튼을 클릭하면 기능 동작 후 메인 페이지로 넘어간다.지금까지 배우고 연습했던 리액트의 기능들을 대부분 써 보았다.

mysql.user 테이블을 뒤졌으니 아래와 같은 결과가 나온다,찍먹 했으니 CRUD 포스팅을 차근차근 풀어가 보겠다.

아래와 같은 구조가 만들어진다.index.js 파일 생성 후 아래와 같이 작성대충 이런 구조가 된다.서버 실행 후 확인여기까지 나오면 성공아래 명령어로 리액트를 설치해 보자.리액트 빌드까지 끝났으면 build 폴더를 볼 수 있다.index.js 파일을 수정한다.