SpringBoot/Project (5) 썸네일형 리스트형 [Springboot/React] #2 웹소켓과 STOMP로 실시간 채팅 구현하기 웹소켓과 STOMP를 함께 사용한 이유 WebSocket은 효율적인 저수준 양방향 통신을 제공하여 실시간 응답성을 보장하고, STOMP는 고수준 메시징 프로토콜로, 메시지의 전송, 구독, 관리 등을 간편하게 만들어 준다.따라서 좀 더 효율적이고 편리하게 관리하기위해 WebSocket에 STOMP를 결합하여 실시간 채팅을 구현하였다. STOMP 실시간 메시지 송수신 과정 사용자는 '/sub' 엔드포인트를 통해 채널을 구독하고, '/pub' 엔드포인트를 통해 메시지를 발행할 수 있다. 발행된 메시지는 동일한 주제를 구독하는 사용자들에게 서버에서 즉시 전송되어 사용자들의 실시간 채팅이 가능하게 한다. 서버(Springboot)1. WebSockConfig 수정@Configuration@EnableWebSoc.. [Springboot/Firebase] Firebase CRUD 정리 Firebase CRUD 정말 간단하지만 헷갈린다,,, 그래서 나 보기 좋으라고 정리하는 CRUD 언어는 Java 기준Firebase 데이터베이스 구조Firebase는 NoSQL 기반의 실시간 데이터베이스로서 Firestore와 Realtime Database 두 가지 주요 데이터베이스 서비스를 제공하고 있다. 그중 사용한 데이터베이스는 FireStore로, FireStore는 JSON 기반 문서를 사용하여 데이터를 저장하고 쿼리할 수 있다. FireStore에서는 다음과 같은 기본 요소들로 구성되어 있다.Database: 한개의 프로젝트 내에 여러 개의 Firestore 데이터베이스가 포함될 수 있다. 각 데이터베이스는 고유한 ID를 가지고 있다.Collection: 컬렉션은 문서들의 그룹을 나타낸다.. Firebase Storage 시작하기 firebase Storage 시작하기다음 클릭 후 규칙을 설정할 수 있다.Storage 규칙 구성 요소Storage 규칙은 다음과 같은 구성 요소로 이루어져 있다:match: 규칙을 적용할 경로를 지정. /b/{bucket}/o와 같이 Storage 버킷과 관련된 경로를 지정할 수 있다.allow: 허용할 작업(읽기, 쓰기)을 지정. 보통 read 또는 write 작업을 지정하며, 이 작업들에 대한 조건을 추가할 수 있다.request.auth: 요청에 포함된 사용자 인증 정보. request.auth != null과 같이 사용하여 인증된 사용자만 접근할 수 있도록 제어할 수 있다.Storage 규칙 설정rules_version = '2';// Craft rules based on data in you.. [Spring boot/Firebase] Spring boot와 Firebase 연결 spring boot에 firebase를 연결하는 경우가 많이 없어서 정보를 찾는데 많은 고생을 했었다. firebase를 사용하면 front와 back을 나누어서 프로젝트를 진행하는 것보다는 front에서 직접적으로 데이터를 호출해서 사용하는 것이 편하지만... 그냥 경험을 위해 사용해 봤다. 참고 [Spring Boot] Firebase 연동 방법 https://firework-ham.tistory.com/111프로젝트 생성gradle과 자바 17 버전을 사용했다.의존성 추가프로젝트 생성 후 build.gradle 파일 dependencies 안에 웹과 웹 서비스를 구현하기 위한 의존성을 추가해 준다.implementation 'org.springframework.boot:spring-boot-sta.. [Spring boot] Spring boot와 React 이용한 굿즈 중고거래어플 프로젝트 대략 1년전에... 학교 프로젝트로 중고거래어플을 만들었었는데 그때 진행했던 과정들을 기억을 되짚어 작성해보려 한다.사용한 기술Frontend : ReactBackend : Spring bootDataBase : FireStore database, Storage들어가는 기능중고거래 어플이니 중요하게 들어가는 기능들에는로그인/회원가입게시글 작성게시글 확인채팅검색컬렉션(내 굿즈들을 모아보는곳)등등이 있었다.인프라구성도대애충 이렇습니다....서버는 naver cloud platform에서 ubuntu서버(무료)를 빌려 해당 서버에 spring boot 프로젝트를 빌드해서 배포하였고frontend에서는 리액트를 사용하여 firebase hosting을 통해 호스팅을 했다.데이터베이스는 firebase에서 제공하.. 이전 1 다음
