목록스프링 (21)
최코딩의 개발
웹 서비스 실시간 채팅 구현하기 (관리자 : 사용자, AWS 환경)
개요 아 오랜만에 작성해보는 블로그이다... 요즘 취업준비 때문에 이거에 신경쓸시간이 없다.... 포스팅하고 싶은게 많은데 ㅜㅜㅜㅜ 일단 여기까지 하고 오늘은 드디어 필자가 시간이 조~~~금 남아서 실시간 채팅 구현법을 알려주겠다. 간단하다!! 하지만 AWS의 환경에서는 조금 변경이 필요하다! 구현화면 왼쪽이 관리자이고, 오른쪽이 사용자이다! 즉 사용자들은 채팅을 관리자한테만 보낼수 있으며, 관리자는 카카오톡 처럼 여러 사용자들을 확인하여 보낼 수 있다. 적용초기 설정//소켓implementation 'org.springframework.boot:spring-boot-starter-websocket' build.gradle에 다음과 같이 의존성을 추가해둔다. package amcn.amcn.confi..
스프링 소셜 로그인 구현하기(네이버, 카카오, OAuth2.0)
안녕하세요!! 이번시간에는 스프링 OAUTH_2를 활용한 소셜로그인을 구현해보겠습니다! 개념먼저 개념에 대해 명확히 이해해보자 OAuth 란? Open Authorization으로 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹 사이트 상의 자신들의 정보에 대해 웹사이트나 에플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로서 사용되는 접근 위임을 위한 개방형 표준이다. OAuth2.0 란?OAuth2.0 서비스를 제공하고 Resource를 관리하는 서버이다. 즉 클라이언트는 서버로 하여금 인증 서버에서 발급받은 Toekn을 넘겨 개인 정보를 받을 수 있다. 우리 프로젝트 구조를 위 사진과 빗대어 설명을 해보겠다. 1. 먼저 사용자 즉 클라이언트는 네이버 및 카카오로 로그인 버튼을 누르면..
스프링과 파이썬 스크립트 연결(TTS 만들기)
이번시간에는 스프링과 파이썬 스크립트를 잇는 작업을 실시하겠다. 서론먼저 스프링은 자바 진영이어서 파이썬에서 만든 기능을 쓸 수 없다... .사용할려면 API를 통해 이어야 되는데 어떻게 할지 막막했다. 일단 필자는 위 사진과 같이 확성기 아이콘을 누르면 아래 뉴스 본문을 읽어주게 하는 것이 목표다.즉 스프링에서 확성기 아이콘을 누르면 AJAX를 통해 실시간으로 뉴스 본문의 데이터가 이동하고 해당 데이터는 TTS 파이썬 스크립트로 이동하면 된다. 코드 확성기 아이콘을 누를때 실행되는 JS이다. 일단 if에서는 확성기 아이콘을 누를때 /run-tts로 이동하게 되고 else에서는 확성기 아이콘을 한번 더 누를때 종료해야되므로 /cancel-tts로 이동하게 된다. 추가로 페이지를 이동할때는 당..
스프링과 Open AI DALL-E-3 API 연결
이번시간에는 스프링과 Open AI 연동하는 법을 알려드리겠습니다!! 제한적인 모델 https://velog.io/@minji1289/Springboot-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8%EB%A1%9C-DALL-E-API-%ED%98%B8%EC%B6%9C%ED%95%98%EA%B8%B0 [Springboot] 스프링부트로 DALL-E API 호출하기프로젝트를 진행하는 과정에서, 사용자가 원하는 이미지를 생성하여 출력하는 기능을 구현하기 위해 OpenAI사의 DALL-E API를 유료 결제를 통해 사용하게 되었습니다.(DALL-E: OpenAI에서 개발한 생성형velog.io 일단 필자도 잘 몰라서 위 블로그님꺼를 활용해서 만들어 보았습니다.... 연동이..
스프링 & AJAX를 활용한 실시간 메일 인증
저번 시간에는 스프링 메일 라이브러리를 활용해서 네이버 및 구글 메일 인증 절차를 확인했다. 이번에는 회원가입에서 어떻게 메일을 실시간으로 인증할 것인지 알아보겠다. 예시자 다음과 같이 회원 가입 폼이 있다. 위에서 본인 네이버 이메일을 입력하고 인정번호 버튼을 누르면 ex) chltmdgh517 @naver.com위와 같이 해당 메일에 인증 코드가 날라온다. 그럼 위 두 사진을 비교하듯이 인증 코드가 일치하면 오른쪽! 일치하지 않으면 왼쪽 화면이 뜬다!! 이제 코드로 가보자 코드필자는 고민을 했다... 전통적인 폼 제출해서 넘기는 방식으로는 회원가입 실시간 이메일 인증을 구현 못할1거라고... 구글링 해본결과 AJAX를 활용해서 실시간으로 인증할 수 있다고 한다!! 한번 그 코드를 직접 알려주겠..
스프링 메일 보내기 (네이버, 구글)
이번시간에는 필자가 개발을 하면서 스프링을 통해 네이버와 구글로 메일로 보내는 법을 소개 할 것입니다~ 네이버네이버는 앞서 2단계 보안이 해지된채로 설정을 해줘야됩니다. 만약 이과정이 번거로우시면 새계정을 파시는것을 추천드립니다. 네이버 환경설정 - POP3/IMAP 설정에 들어와서 다음과 같이 해줍니다. 그 후 바로 아래에 아이디, 비밀번호, SMTP 서버명, SMTP 포트 번호를 기억해둡시다. 이렇게 하면 세팅이 다 됐습니다! 이제 인텔리제이로 들어가서 작업을 해줘야 됩니다. 1. Gradle 작업implementation 'org.springframework.boot:spring-boot-starter-mail:3.2.5' 메일 의존관계를 위해 Gradle에 다음과 같이 추가를 해줍니다. 현재..