📢 다대일 채팅이란?글을 시작하기에 앞서 다대일 채팅이라는 것에 낯선 독자분들을 위해 다대일 채팅 기능에 대해 간단히 설명드리겠습니다.다대일 채팅 기능이란, 한쪽(1쪽)에 위치한 사용자는 다수(N쪽)에 있는 사용자들의 채팅을 모두 확인할 수 있고, 자신의 메시지가 N쪽의 모든 사용자에게 전달됩니다. 반면, N쪽의 사용자는 다른 N쪽 사용자들의 채팅을 볼 수 없으며, 오직 1쪽 사용자의 메시지만 확인할 수 있습니다. 또한, N쪽 사용자가 보낸 메시지는 다른 N쪽 사용자에게는 공유되지 않고, 1쪽 사용자에게만 전달됩니다.이 구조를 그림으로 다음과 같이 표현해봤습니다!! 1쪽 사용자 시점: 단체 채팅방에서 모든 참여자와 소통하는 느낌N쪽 사용자 시점: 1쪽 사용자와 1:1 채팅을 하는 느낌 이러한 형태는 대..

⭐ OAuth 2.0 인증 방식OAuth 2.0은 안전하게 사용자 정보를 다른 수 있도록 설계된 오픈 표준 인증 프로토콜입니다.사용하는 주요 목적은 애플리케이션(클라이언트)이 사용자의 비밀번호를 직접 받지 않고, 소셜 플랫폼이 제공하는 권한을 받아 사용자의 데이터에 접근할 수 있도록 하는 것입니다.더 자세한 정보는 아래 글에서 확인할 수 있습니다. [CocO] Spring Security & OAuth2.0 & JWT Token 소셜로그인 동작 방식과 개념 정리 🐤📌CocO 깃허브 보러가기 GitHub - Suanna01/CocO: [개인프로젝트] 교수-학생 다대일 채팅앱[개인프로젝트] 교수-학생 다대일 채팅앱. Contribute to Suanna01/CocO development by creati..

⭐ 프로젝트 개요이 프로젝트는 다수의 사용자가 동시에 텍스트를 작성하고 수정할 수 있는 협업 텍스트 편집기입니다. 사용자는 실시간으로 서로의 입력을 확인하고, 텍스트 내용을 수정할 수 있습니다.이 서비스는 웹 기반으로 구현되었으며, 백엔드와 프론트엔드 간의 원활한 통신을 위해 WebSocket 기술을 활용합니다.이 글은 SpringBoot에서의 구현 방식만 소개하며 프론트는 html로만 간단히 구현했습니다.시연 영상⭐ 사용 기술 백엔드:Spring BootSpring WebSocketSpring Data RedisJava프론트엔드(그냥 백엔드 코드 확인하기 위한 수준):HTMLCSSJavaScriptSockJSStomp.js ⭐ 파트별 구현 사항✅ 백엔드 구현 사항Redis 설정: Redis를 사용하여 ..

구글 소셜 로그인과 카카오 소셜 로그인을 구현했던 이전글에 이어서 네이버 소셜 로그인을 구현해보도록 하겠습니다!구글 소셜 로그인 구현 방법과 카카오 소셜 로그인 구현 방법은 아래 글에서 확인할 수 있습니다!특히, 전체적인 코드 구조와 설명은 구글 소셜 로그인 글에서 확인하실 수 있으니 이 글을 위주로 이해하시면 될 거 같습니다! [Spring Boot] Kakao 소셜 로그인 구현: OAuth2.0 & Spring Security 활용 🐤구글 소셜 로그인을 구현했던 이전글에 이어서 카카오 소셜 로그인을 구현해보도록 하겠습니다.구글 소셜 로그인 구현 방법은 아래 글에서 확인할 수 있습니다 [Spring Boot] Google 소셜 로그인 구blu-blu.tistory.com  [Spring Boot] G..

구글 소셜 로그인을 구현했던 이전글에 이어서 카카오 소셜 로그인을 구현해보도록 하겠습니다.구글 소셜 로그인 구현 방법은 아래 글에서 확인할 수 있습니다 [Spring Boot] Google 소셜 로그인 구현: OAuth2.0와 Spring Security를 활용한 완벽 가이드 🐤소셜 로그인은 사용자에게 간편한 로그인 방법을 제공하고, 개발자는 사용자 인증을 쉽게 처리할 수 있는 방법입니다. 이번 글에서는 OAuth2.0와 Spring Security를 활용해 구글 소셜 로그인을 구현하blu-blu.tistory.com⭐ 코드 설명✅ Service 폴더 - Social 폴더 ☑️ KakaoOauth.java 파일package com.example.CocO.service.social;import lombo..

소셜 로그인은 사용자에게 간편한 로그인 방법을 제공하고, 개발자는 사용자 인증을 쉽게 처리할 수 있는 방법입니다. 이번 글에서는 OAuth2.0와 Spring Security를 활용해 구글 소셜 로그인을 구현하는 방법을 공유하려고 합니다!그 전에 Spring Security와 OAuth2.0에 대한 숙지가 필요하다면 아래 글을 참고해주세요! [CocO] Spring Security & OAuth2.0 & JWT Token 소셜로그인 동작 방식과 개념 정리 🐤📌CocO 깃허브 보러가기 GitHub - Suanna01/CocO: [개인프로젝트] 교수-학생 다대일 채팅앱[개인프로젝트] 교수-학생 다대일 채팅앱. Contribute to Suanna01/CocO development by creating a..

오류 상황400 오류: invalid_request는 클라이언트가 서버에 잘못된 요청을 보냈을 때 발생하는 오류로, 주로 필요한 매개변수가 누락되거나 잘못된 형식일 때 나타납니다. 또한, OAuth 인증 과정에서 허용되지 않은 Redirect URI로 요청을 보낼 때도 이 오류가 발생할 수 있습니다. 즉, 서버가 요청을 이해하거나 처리할 수 없는 상황에서 반환됩니다.기존에는 로컬(http://localhost:8080/oauth2/authorization/google)을 설정해놔서 잘 되었을 수 있지만, 배포를 하고 나서,바뀐 URI로 구글 로그인을 하려고 시도했을 때 위와 같은 오류가 발생할 수 있습니다. 문제 원인이 오류는 구글에서 제공하는 OAuth2 인증 과정에서 Redirect URI가 잘못되었..

✅ 에러 상황React Native로 안드로이드 앱을 개발하는 중에 에뮬레이터에서 앱을 실행하려고 npm run android 명령어를 실행했을 때, 아래와 같은 오류 메시지가 나타났습니다FAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:compileDebugJavaWithJavac'.> Compilation failed; see the compiler error output for details.* Try:Run with --stacktrace option to get the stack trace.Run with --info or --debug option to get more log outp..

✅ 에러 상황React Native 프로젝트를 세팅하고, Android 에뮬레이터를 실행한 뒤 (가상화 설정을 안 해둬서) 터미널에서 npm run android 명령어를 실행했을 때 다음과 같은 오류 메시지를 보게 되었습니다.error: Command failed with exit code 1 ✅ 에러 원인이 오류는 다양한 원인으로 발생할 수 있지만, 저는 아래와 같은 npm 캐시와 관련된 문제 때문에 오류가 발생했습니다.npm은 다운로드한 패키지의 데이터를 캐시로 저장해두고, 이후 같은 패키지를 설치할 때 빠르게 설치할 수 있도록 캐시를 사용합니다. 그러나 때때로 이 캐시가 손상되거나 오래된 패키지 정보가 남아 있어서, 패키지 설치나 빌드 과정에서 오류를 일으킬 수 있습니다.따라서 강제로 캐시를 지우..

📌CocO 깃허브 보러가기 GitHub - Suanna01/CocO: [개인프로젝트] 교수-학생 다대일 채팅앱[개인프로젝트] 교수-학생 다대일 채팅앱. Contribute to Suanna01/CocO development by creating an account on GitHub.github.com⭐Spring Security✅ Spring Security란?Spring Security는 스프링 기반 애플리케이션의 보안을 책임지는 프레임워크로, 주로 인증(Authentication)과 인가(Authorization) 기능을 제공합니다. 이 프레임워크를 통해 애플리케이션에서 접근 제어를 설정하고 관리할 수 있습니다.Spring Security의 가장 큰 장점은 복잡한 보안 로직을 직접 구현할 필요 없이..