달비의 개발 연구

React, Spring Boot 이미지 base64 변환, 이미지 수정, 파일 압축, 파일 다운로드 구현방법 (ResponseEntity, Axios, API Request, React)이번에는 React + Spring Boot를 조합하여 Spring의 API 통신 처리 및 react 화면 기능 구현으로 이미지를 수정하고, 압축하고 다운로드 하는 방법에 대해 포스팅 하겠습니다. 사용된 프로젝트 버전은 다음과 같습니다. ※ 프로젝트 버전 ※Java : 17Spring boot : 3.2.5React : 18.3.1React Router : v6axios : 1.7.2 화면 구성먼저 화면 구성에 대해 말씀드리겠습니다. image파일을 업로드하면 image data base64로 변환합니다. 해당 이미지를..

React Router 설정과 API Server Json 통신하는 방법(Router, Promise, Axios, Node.js, Ajax, React 페이지 이동, Spring, Spring Boot)이번에는 React 웹사이트의 Router 설정과 axios를 활용하여 API server에 JSON data 통신하는 방법에 대해 포스팅 해보도록 하겠습니다.  먼저 필자의 Router 버전은 6v 입니다.※참고사항으로 v6 이하의 버전인 경우 해당 코드 및 커맨드의 쓰임이 다를 수 있다는 점 말씀드립니다. Router 설치 방법npm install react-router-domORnpm install react-router-dom localforage match-sorter sort-bylocalfo..

Spring Boot, Java Web Socket을 활용한 웹 채팅 프로그램 만들기 이번에는 간단하게 Web Socket을 이용하여 채팅 프로그램을 만드는 방법을 알아보도록 하겠습니다. 버전 정보는 다음과 같습니다.spring boot : 3.2.5java : 17web socket : 3.2.0UI, CSS: bootstrap chatting template 의존성 추가gradleimplementation group: 'org.springframework.boot', name: 'spring-boot-starter-websocket', version: '3.2.0' maven org.springframework.boot spring-boot-starter-websocket 3.2.0 ..

Spring Boot, JSP 게시판 만들기Spring Boot와 Gradle 및 JSP의 조합으로 간단한 게시판을 만들어 보겠습니다. 1. gradle 설정plugins { id 'java' id 'war' id 'org.springframework.boot' version '3.1.10' id 'io.spring.dependency-management' version '1.1.4'}group = 'com.spring'version = '0.0.1-SNAPSHOT'java { sourceCompatibility = '17'}configurations { compileOnly { extendsFrom annotationProcessor }}repositories { mavenCentral()}depen..

SpringBoot X MyBatis X MSSQL 연동하기사용된 버전 규격은 다음과 같습니다.Java : 17 versionSpringBoot : 2.7 ver versionMyBatis : 3.x ver version 0. 의존성 추가 Gradle implementation 'org.mybatis.spring.boot:mybatis-spring-boot-starter:3.0.1' runtimeOnly 'com.microsoft.sqlserver:mssql-jdbc' 1. Configuration 만들기@Configuration@MapperScan(basePackages = "com.yungame.mvc.*") // , annotationClass = org.springframework.stereot..