기술 블로그

01_stylish-portfolio easy_Blog Thema(블로그 테마)

더보기 [개인메모] - 블로그 테마 선정 및 환경 설치 방법 # 설치 패키지 # 1) 메뉴 라이브러리 설치 npm i react-router-dom npm i @types/react-router-dom # 2) 벡엔드 연동 라이브러리 설치 npm i axios # 3) pre css 컴파일러 : sass npm i sass # 4) Material Page component 업그레이드 # 과거 v4 -> v5 변경 설치 npm i @mui/material @emotion/react @emotion/styled # 4-1) 소스에서 임포트 사용법 : import Pagination from '@mui/material/Pagination'; # 6) npm i wowjs : npm 설치, GNU GPL 라이..

블로그 테마 선정 및 환경 설치 방법

부트스트랩 테마 사이트 : 쉬운곳 https://startbootstrap.com/ 부트스트랩 테마 사이트 : 고급 https://themewagon.com/ 괜찮은 테마 링크 https://themewagon.github.io/course/

[React] 외부(external) JS파일 실습

터미널 사용하여 react typescript 설치 및 학습에 필요한 환경 세팅 더보기 1. C:\Work\08_Pilot_Project\01_Blog\00_JSLIB 생성해서 터미널로 들어가기 2. react typescript 생성 npx create-react-app frontend-typescript --template typescript 입력 3. VSCODE 로 열기 4. src 하위 폴더 생성 및 자료 넣기 / import HeaderCom C:\Work\08_Pilot_Project\01_Blog\00_JSLIB\frontend-npx\src\assets 5. 메뉴 라이브러리 설치 npm i react-router-dom 경로 C:\Work\08_Pilot_Project\01_Blog\00..

(전체 조회+페이징) 전체 조회 연동 pageSize(3,6,9 배열) 및 Like 검색

프론트 공통 변수 : page(현재페이지), count(총페이지건수), pageSize(3,6,9 배열) 1. 폴더 생성 후 실습 파일 넣기 2. basic./Dept 프론트 & 백엔드 (전체 조회+페이징) 연동 3. 공통 변수 : page(현재페이지), count(총페이지건수), pageSize(3,6,9 배열) 4. DeptList.tsx 전체조회페이지 + 페이징 벡엔드 매개변수 전송 : + 현재페이지(page), 1페이지당개수(pageSize) 5. page, pageSize - Pagination 수동 바인딩 더보기 // DeptList.tsx : rfce // 전체조회페이지 + 페이징 import TitleCom from "../../../components/common/TitleCom"; im..

CRUD JPA

Java Persistence API (JPA)는 자바에서 관계형 데이터베이스와 상호 작용하는데 사용되는 자바 표준 ORM (Object-Relational Mapping) 기술입니다. JPA는 개발자가 객체 지향 프로그래밍 방식으로 데이터베이스를 다룰 수 있게 해주며, 데이터베이스 스키마와 자바 객체 간의 매핑을 단순화하는데 도움을 줍니다. 새 프로젝트 생성 추가된 종속성 : Spring Boot DevTools, Lombok, Spring Web, Spring Data JPA, Oracle Driver 파일 인코딩 : UTF-8 build.gradle 환경 추가 오라클 라이브러리( 19c ), logback , log4jdbc 설정 더보기 dependencies { // TODO : 오라클 라이브러리..

[SpringBoot] 데이터베이스(SQL&Docker) 활용한 수정 함수(업데이트)

[SpringBoot] 데이터베이스(SQL&Docker) 활용한 저장 함수

[SpringBoot] 데이터베이스(SQL&Docker) 활용한 상세 조회

상세 조회 데이터베이스(SQL&Docker) 활용 작업 순서: model -> dao -> mappers(xml) -> service -> Controller -> views(jsp) .xml 공통 SQL 문 생성 INSERT_TIME, UPDATE_TIME ==> [Spring Boot] - [SpringBoot] 데이터베이스(SQL&Docker) 활용한 전체 조회 : like 기능 있음 [SpringBoot] 데이터베이스(SQL&Docker) 활용한 전체 조회 : like 기능 있음 전체 조회 : 부서명 like 기능 있음 데이터베이스(SQL&Docker) 활용 페이징 처리 : 시작 페이지부터 끝 페이지까지 반복하며 각 페이지 번호를 생성 페이지 조회 : 현재 페이지 페이지 0, 크기 3 Dept 클..