💻💭🎧🌏

기존에 그냥 완성된 답변으로 받았던 ChatGPT 응답을 SSE(Serve-Sent-Event) 를 이용해 실시간으로 완성하는 걸로 변경하게 되었다. 어떻게 받아와야할지 여러 방법을 찾아보는데 SSE 표준은 애초에 POST 방식은 지원을 하지 않는다고 한다. (그래서 SSE는 보통 EventSource를 이용해 응답을 받지만 단순 GET인 경우에만 가능하다.) 그런데 나는 내가 요청한 질문에 대한 답변을 받아야하는 것이므로... 응용 방식을 여럿 찾아보았다. 그러던 중 나의 상황에 아주 딱 맞는 유튜버의 설명 등장... 최고세요... https://www.youtube.com/watch?v=JxIQCOrsxxg 물론 이 분은 ChatGPT 기능을 프론트엔드에서 바로 구현한거라 약간 차이점이 있었기에 이슈..

요구사항 경기 시작 30분 전부터 경기 리더 화면에서 QR 코드를 띄울 수 있다. 참가 인원들은 이 QR 코드를 촬영하여 출석 체크를 한다. 오픈 소스인 zxing 을 사용하였다. 코드가 간결해서 사용하기 쉬웠다! build.gradle 파일에 의존성을 추가해준다. implementation group: 'com.google.zxing', name: 'javase', version: '3.5.0' implementation group: 'com.google.zxing', name: 'core', version: '3.5.0' createQr(User user, Long matchId) QR 코드를 생성하여 바이트 형식으로 반환하는 메서드 public ResponseEntity createQr(User u..

#mood 원래 계획은 aws 프리티어도 얼마 안남았을텐데 그냥 프론트 쪽에서 스프링 application 런해서 사용하는걸루 하자.. 했는데 역시나 쉬운 일이 아니었다. 어쩌면 걍 배포 한번 딱 해놓는게 오랫동안 힘들진 않을 것 같다...! 그래서 그냥 배포를 하게 됐다 프론트엔드로 리액트 코드는 이미 ec2에 배포해본 경험이 있으므로 대충 비슷하겠지 하고 시작! 근데 바로 이슈가 발생했다. 리액트로 개발을 할 땐 보안 설정이 많이 없다보니 거의 다 깃허브에 바로 푸시를 했었고 gitignore 했던 node_modules 마저도 그냥 npm install하면 바로 생성되던 것들이었는데, 스프링은 일단 gitignore 해둔게 많았고 깃허브 클론해서 원 상태로 복구시킬 수도 (npm install 처럼..

수정과 삭제는 예상대로 쉬웠다! 새로운 클래스 생성이 없으므로 패키지 계층 구조는 그대로니 스킵! 1. 모집글 삭제 public String deleteById(Long id){ try{ postRepository.deleteById(id); return "모집글 삭제 완료"; }catch (Exception e){ return "모집글 삭제 실패 " + e; } } 아 Jpa라는거.. 정말 달다 모집글 id를 전달 인자로 받아 JpaRepository 를 상속받는 PostRepository의 deleteById 메서드를 이용하여 해당 모집글을 삭제한다. @DeleteMapping("/api/post/{id}") public ResponseEntity deletePostById(@PathVariable ..

모집글을 등록할 수 있는 api를 구현해본다. 모집글에는 기본적인 title, content , category, (등록하는 사용자의) userEmail (➡️ 이건 토큰을 이용할 수 있게 되면 변경할 예정이다.) 이 필요하다. 추가적으로 모집글 등록 시에 함께 생성해야 할 Match 객체의 필드들이 필요하고 성별, 나이대, 난이도 등을 표기할 수 있는 Tag 객체가 들어간다. (✅ Match : 경기 인원 수, 경기 장소, 경기 날짜가 들어간다.) 현재까지의 패키지 계층 구조 나름대로 체계적으로 정리하려고 노력 중인데 잘하고 있나 모르겠다..~ AddPostRequest.java 모집글 등록 시 request body에 들어갈 dto @NoArgsConstructor @AllArgsConstructor..

이번에는 구글 소셜 로그인으로부터 제공받은 이름, 이메일, 프로필 이미지를 데이터베이스에 저장할 수 있도록 구현하였다. 이때 회원가입을 하지 않은 구글 계정의 경우, 성별, 나이대, 성별/나이대 공개 여부 필드를 더 추가해야하므로 회원가입 여부를 확인해서 로직을 두개로 나누었다. 현재까지 구현한 도메인 계층구조는 다음과 같다. 이번에 중점적으로 볼 것은 `LoginController.java`, `User.java`, `MemberStatusResponse`, `SaveUserRequest.java`, `UserService.java` 이다. LoginController.java 의 requestUserInfo 메서드 기존에 단순히 유저 정보를 로드했던 방식에서, 회원 여부를 확인하고 비회원일 경우 회원..

ImageBackground 코어 컴포넌트 사용하기 import {ImageBackground} from 'react-native' ImageBackground 사용법

Platform과 Dimensions API 실행 OS 확인 import {Platform{ from 'react-native' console.log(Platform.OS) ✅ 앱이 실행되는 폰이 안드로이드폰인지 아니면 아이폰인지를 확인한다. ✅ 위의 코드를 실행하면 android 또는 ios 라고 결과가 나온다. Dimension API import {Dimension} from 'react-native' const {width, height} = Dimensions.get('window') ✅ width, height 는 폰을 가로로 회전하더라도 변하지 않는다. 뷰 컴포넌트의 backgroundColor 스타일 속성 ➡️ 이름에 'View' 가 들어간 뷰컴포넌트는 backgroudColor 스타일 속..

스타일 객체 설정 안쪽 중괄호 부분 : 객체를 의미한다. 바깥쪽 중괄호 부분 : JSX 구문에서 자바스크립트 코드를 설정할 때 쓰는 문법이다. ✅ 컴포넌트의 style 속성에는 배열을 설정할 수 있다. StyleSheet API import {StyleSheet} from 'react-native' 스타일 객체를 style 속성에 설정하는 것 : 인라인 스타일 이 외에도 StyleSheet API를 지정해서 사용할 수 있다. 스타일 객체 생성하는 방법 : StyleSheet의 create 메서드 사용 const styles = StyleSheet.create({ 키_이름1: 스타일_객체1, 키_이름2: 스타일_객체2, ... }) 인라인 스타일과 StyleSheet 스타일의 차이 인라인 스타일 방식 : ..

Debug.Log(“문자 출력”); float 데이터형 사용할 때는 15.5f 와 같이 값 뒤에 f를 꼭 붙여야함 List (꺽쇠안에 데이터 타입을 적어야함) -> 제네릭 타입 //연산자 모든 연산자(삼항 연산자도) : C언어와 같음 //키워드 int float string bool new List => 변수 이름으로 사용 불가 //조건문 조건문 C언어와 동일 foreach(string monster in monsters){ Debug.Log("이 지역에 있는 몬스터 : "+monster); } -> 새로운 변수를 만들어서 그룹형 변수 내의 것들을 직접 사용할 수 있도록 함 인스턴스 : 정의된 클래스를 변수 초기화로 실체화 Actor player = new Actor(); private : 외부클래스에 ..