이번엔 백엔드 환경설정을 한다.이클립스를 사용하고 있고 이클립스에 STD를 설치 해 놓은 상태이다.프로젝트를 생성할 때Spring Boot > Spring Starter Project 를 선택해서 생성한다.프로젝트 명이나 이런건 알아서 설정하면 되고 Dependencies에서 다음과 같이 선택한다.Spring Reactive WebWebSocketLombokSpring Data R2DBCSpring Data Reactive MongoDBPostgreSQL Driver위와 같이 하면 build.gradle 파일이 다음과 같이 생성된다.plugins { id 'java' id 'org.springframework.boot' version '3.4.5' id 'io.spring.dependency-manage..

이제 프론트엔드를 구성해 보려 한다.프로젝트 생성프로젝트폴더 > npm create vite@latest chat-client --template reactSelect a framework : > ReactSelect a variant: > JavaScript프로젝트폴더 > cd chat-client프로젝트폴더\chat-client > npm install TailwindCSS 설치최근에 TailwindCSS가 버전업을 해서 현재 Beta 버전 4.1이 나왔다. 그래서 Beta지만 사용해보기로 했다.ChatGPT는 설치 방법을 계속 3 버전으로 알려줘서 TailwindCSS 사이트를 들어가 참고했다.https://tailwindcss.com/docs/installation/using-vite Instal..

Springboot + thymeleaf 말고도 html로 작성하는 경우 설정 방법.Spring Boot + Thymeleaf는 설정되어 있다는 전재로 시작한다.현재 tailwindcss 버전이 4로 Beta 버전으로 나와 있어서 그냥 tailwindcss를 설치하면 4버전이 설치가 된다. 난 Beta 버전을 안 쓰기 위해 3.4.17로 설치했다.우선 Srping boot의 /src/main/frontend 폴더를 생성한다.1. 해당 폴더로 이동한 후에 tailwindcss와 postcss, autoprefixer을 설치한다.npm install --save-dev tailwindcss@3 postcss autoprefixer2. tailwindcss 초기화npx tailwindcss init그러면 t..

이제 JWT TOKEN을 사용하기 위한 설정에 들어가도록 한다.우선, 이전에 했던 내용들에 하나씩 추가해 나가도록 한다.참고로 해당 파일을 포함하여 구현하는 방식은 다 각각 다르기 때문에 참고만 하길 바란다.내가 작업한 Token 관리는 DB를 통한 관리가 아닌 Redis를 통해서 관리 한다.그래서 나는 Docker형식이 아닌 WSL을 이용하여  Local에서 작업하였다.아래 내용을 참조하면 조금 도움이 되지 않을까 한다.https://kamsi76.tistory.com/entry/Windows-11-%EC%97%90-Redis-%EC%84%A4%EC%A0%95 Windows 11 에 Local Redis 설정(Docker 아님)Spring Boot3 + Security + JWT 를 구성하려다 보니 J..

개발 환경Java 23, Spring Boot 3Spring Security 6Sprint + React + typescriptSpring Boot : 3.3.5Eclipse 환경 설정1. eclipse downloadhttps://www.eclipse.org/downloads/ Eclipse Downloads | The Eclipse FoundationThe Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 415 open source projects, including runtimes, tools and frameworks.www.eclipse.org현 시점에 Eclipse 버전 : Eclipse ..