[SI] 프론트엔드 (02_SimpleDMS_Page) 페이지 기능 추가

02_SimpleDMS_Page 폴더 만들고

frontend-react-new 압축 풀어서 넣기

 

frontend-react-new.zip

3.24MB

src 통합 터미널 열고

4-1 빼고 순서대로 실행

# 설치 패키지 
# 1) 메뉴 라이브러리 설치
npm i react-router-dom

# 2) 벡엔드 연동 라이브러리 설치
npm i axios

# 3) pre css 컴파일러 : node-sass -> 더이상 안씀 : sass 설치할것
<!-- npm i node-sass -->
npm install sass
# 4) Material Page component 업그레이드 
# 과거 v4 -> v5 변경 설치
npm i @mui/material @emotion/react @emotion/styled

# 4-1) 소스에서 임포트 사용법 : <Pagination />
import Pagination from '@mui/material/Pagination';

# 5) typescript jquery, jqueryui type 넣기
# 5-1) typescript jquery 사용
npm i --save-dev @types/jquery

types에 basic, normal폴더 만들고- basic 폴더에 밑에 파일 압축 풀어서 넣기

basic.zip

0.00MB

service에 basic, normal폴더 만들고 - basic 폴더에 밑에 파일 압축 풀어서 넣기

basic.zip

0.00MB

뎁트서비스 고치고

뎁트리스트고치고

앱 라우터 추가