[SI] 프론트엔드 (02_SimpleDMS_Page) 반응형 게시판

플러그인 설치 CamelCase 단축키 (shift + alt + u) 프론트 ReplyBoardList.tsx -> app.tsx -> IReplyBoard.ts(벡엔드의 schema.sql 폴더 참고) -> ReplyBoardService.ts ReplyBoardList.tsx // ReplyBoardList.tsx : rfce import React, { useEffect, useState } from "react"; import TitleCom from "../../../components/common/TitleCom"; import { Link } from "react-router-dom"; import IReplyBoard from "../../../types/normal/IReplyBoard..

• format_list_bulleted SI
• · 2023. 10. 27.
• textsms

[SI] 프론트엔드 (01_SimpleDMS)

Front-End(리액트)와 Back-End SI(시스템 통합 연동 실습) Work에 07_SI 폴더 만들고 다운 받아서 압축풀고 00_NEWUi_React_Template 01_SimpleDMS 폴더에 넣기 Vscode로 실행 src 통합 터미널 열고 (ReadMe.md 파일 따라서 실행) # 설치 패키지 # 1) 메뉴 라이브러리 설치 npm i react-router-dom # 2) 벡엔드 연동 라이브러리 설치 npm i axios # 3) pre css 컴파일러 : node-sass -> 더이상 안씀 : sass 설치할것 npm install sass # 4) Material Page component 업그레이드 # 과거 v4 -> v5 변경 설치 npm i @mui/material @emotion..

• format_list_bulleted SI
• · 2023. 10. 19.
• textsms