순서 Build.gradle 수정 -> application.properties -> 파일 4개 resource넣기 -> config, controller, model, repository, service 폴더 만들기 -> model 폴더에 BaseTimeEntity(자바 인터페이스) 생성 -> Dept, Emp model 폴더에 넣기 Dept 수정-> DeptRepository -> DeptService -> DeptController -> config 폴더에 WebConfig 생성 Build.gradle 수정 dependencies { // 오라클 라이브러리( 19c ) implementation 'com.oracle.database.jdbc:ucp:19.14.0.0' implementation 'c..
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..
기본 속성들 padding(안쪽 여백) margin(바깥 여백) width(가로) height(세로) float(배치) clear(float 초기화) Homepage Layout html DOCTYPE html> Document 사이트 제목 사이드바 본문 꼬리말 css /* 여백 초기화 */ * { padding: 0; margin: 0; } /* 전체 페이지 크기 정하기 */ #container { /* 가로 */ width: 1200px; /* 중앙 정렬 auto (오른쪽/왼쪽 여백을 똑같이 정함(중앙 정렬이 됨))*/ /* 사용법 : margin: 상/하 auto */ margin: 20px auto; } /* 머리말 */ #header { /* 세로 */ height: 120px; /* 임시 */..