아리의 개발 일상

클라우드 타입을 이용하여 리액트, 스프링부트 배포 처음 배포할때에는 db와 서버는 클라우드 타입 리액트는 netlify로 배포하였다. 그러나 서로 도메인이 달라 cors문제가 발생하였고 이걸 해결하기 위해 이것저것 해봤지만 시큐리티의 세션을 쿠키로 전달하는 과정 때문에 대부분 막혀 결국 리액트도 크라우드 타입으로 같은 도메인은 사용하도록 배포하였다.  클라우드 타입으로 스프링부트 배포 하는법깃허브 레퍼지토리에서 자신의 스프링부트 레퍼지토리를 선택하고 그 후자신의 프로젝트에 맞는 자바 버전을 저기서 설정할 수 있다. 환경변수는이렇게 설정할수 있는데 이때 application.yml 파일에spring: profiles: active: ${PROFILE}profile는 환경변수가 집어넣을 파일명을 의미..

TaskHub 기술 스택1. FrontendReact:ReduxRouter2. BackendSpring Boot:Spring SecurityJPA3. DatabaseMySQL 기능로그인 : 시큐리티의 세션 기반 인증을 이용하여 로그인하고 리액트에서 세션값을 리덕스에서 관리todo : 사용자 개인의 todo 리스트 생성,저장,불러오기,삭제메시지 : 사용자 간 메시지 전송,수신,확인,삭제 동작과정메인 로그인 TODO메시지메시지 작성메시지 확인 향후보환 계획웹소켓을 추가하여 채팅기능등 여러 기능을 추가해볼생각OAuth2 로그인 추가UI 개선모바일 지원 결론TaskHub는 개인 생산성과 커뮤니케이션을 동시에 향상시키기 위해 설계된 프로젝트입니다.현재 기본 기능을 충실히 구현한 상태이며, 향후 WebSocket을..

TaskHub 프로젝트 개요목적: React와 Spring Boot를 사용하여 사용자 인증, 상태 유지, 메시지 전송 및 관리, TODO 기능을 제공하는 애플리케이션을 개발.주요 기능1. 회원가입기능: 사용자 계정을 생성하며, 아이디 중복 여부를 확인.세부사항:아이디 중복 확인 API 구현 (Spring Boot).회원가입 폼 유효성 검사 (React).비밀번호 해시 암호화 (Spring Security).2. 로그인기능: 사용자가 로그인하여 애플리케이션을 사용할 수 있게 함.세부사항:세션 기반 인증 (Spring Security).React에서 로그인 폼 구현 및 세션 토큰 관리.3. 리덕스를 이용한 로그인 상태 유지기능: 로그인 후 상태 정보를 Redux에 저장하여 상태 유지.세부사항:로그인 성공 시..

이미지 분류 모델 자동화 시스템주요 기능이미지 예측: 사용자가 업로드한 이미지를 고양이 또는 강아지로 정확하게 분류합니다.피드백 수집: 예측 결과에 대한 사용자 피드백을 수집하여 모델 학습에 활용합니다.자동 학습 시스템: 사용자 피드백을 바탕으로 모델을 자동으로 재학습하여 정확도를 향상시킵니다.폴더 관리: 학습 데이터를 효율적으로 관리하기 위한 폴더 관리 기능을 제공합니다.이렇게 4가지 기능을 중점을 두고 개발하였다. 시스템 작동 방식:이미지 업로드 및 분류: 사용자가 이미지를 업로드하면 시스템은 학습된 모델을 기반으로 이미지를 분석하고 결과를 출력합니다.오류 수정 및 재학습: 예측 결과가 잘못된 경우, 사용자가 직접 수정하고 재학습을 요청할 수 있습니다. 이때, 시스템은 사용자의 수정 내용을 학습 데이..

프로젝트 개요: 이미지 분류 모델 자동화 시스템1. 프로젝트 목표본 프로젝트의 목표는 사용자가 업로드한 이미지를 인식하고 분류하는 딥러닝 모델을 구축하는 것입니다. 사용자의 피드백을 통해 모델의 정확도를 지속적으로 향상시키며, 새로운 데이터를 자동으로 학습시킬 수 있는 시스템을 구현합니다.2. 시스템 구성프론트엔드:사용자가 이미지를 업로드하고 결과를 확인할 수 있는 웹 애플리케이션.AJAX 요청을 통해 실시간으로 모델 예측 결과를 받아옴.백엔드:Java Spring Boot 프레임워크를 사용하여 웹 서버 및 RESTful API를 구축.Python TensorFlow 모델을 호출하여 이미지 분류 작업을 수행.업로드된 이미지와 그에 대한 정답을 데이터베이스에 저장.데이터베이스:사용자 피드백(정답) 및 이미..

[리액트+스프링부트] Delivery Oracle 기획서https://yuuki0930.tistory.com/116 [리액트+스프링부트] Delivery Oracle 기획서[리액트+스프링부트] Delivery Oracle 기획서프로젝트 기간2024.06.10 ~ 2024.07.18팀원 총 3명( Frontend 1 명 Backend 1명 FullStack 1명)  프로젝트 개요Delivery Oracle 이란 배달플랫폼으로 웹 사이트로 제작한 배달yuuki0930.tistory.comERD 문서https://yuuki0930.tistory.com/118 [리액트+스프링부트] Delivery Oracle 의 ERD 문서[리액트+스프링부트] Delivery Oracle의 ERD 문서  총 14개의 테이블이 ..

[리액트+스프링부트] Delivery Oracle 동작 설명 / 후기 동작 설명유저 회원가입/로그인회원가입 시 이메일 중복확인과 사용자 닉네임 비밀 번호를 작성하여 회원가입을 할 수 있다. 로그인은 위의 회원가입으로부터 작성한 이메일과 비밀번호를 이용한 로그인과 카카오 계정을 이용한 로그인을 이용할 수 있다, 소비자 페이지소비자 메인 페이지  마이페이지마이페이지 에서 주문내역/ 리뷰관리/계좌의 포인트 충전할 수 있다.포인트 주문할때 사용하는 재화이다.등급이라는 것이 존재하는데 이는 주문 금액에 총액에 따른 등급제이다 등급총액Bronze0Silver10000Gold50000Platinum100000 주문하기소비자 메인 페이지에 음식 카테고리를 클릭하거나 검색하면 위와 같이 나온다 이때 운영 중인 거하고 운..

[리액트+스프링부트] Delivery Oracle Api 명세서  api 명세서 파일

[리액트+스프링부트] Delivery Oracle의 ERD 문서  총 14개의 테이블이 1. UserInformation  (유저 정보 테이블)-유저아이디-이메일-비밀번호-가입날짜-수정날짜 2. userinfo_auth (유저 권한 테이블)-유저아이디-권한 이름 3. StoreRegistration (업체 가입정보 테이블)-업체 아이디-업체 주인 아이디( 유저 정보 테이블의 유저 아이디)-업체 이름-업체 주소-업체 이미지-승인 상태-승인 날짜-수정 날짜-업체 x 좌표-업체 y좌표-업체 카테고리 4. StoreInformation(업체 정보테이블) (업체 메뉴정보가 담김)-업체아이디-메뉴 이름-메뉴 가격-메뉴 이미지-메뉴 상태정보 5. OrderInformation(주문 테이블)-주문번호-주문자 아이디-업..

[리액트+스프링부트] Delivery Oracle 기획서프로젝트 기간2024.06.10 ~ 2024.07.18팀원 총 3명( Frontend 1 명 Backend 1명 FullStack 1명)  프로젝트 개요Delivery Oracle 이란 배달플랫폼으로 웹 사이트로 제작한 배달플랫폼이다.소비자, 음식점, 라이더, 관리자 기능이 담겨 있고 각 기능은 아래 표와 같다.   다른 배달 플랫폼과의 차별점1.음식점 주인 또한 유저(소비자)를 신고할 수 있으면 신고를 하면 관리자가 유저를 제재를 할 수 있다. 2. 구글 ai Gemin를 사용하여 음식 메뉴를 추천받을 수 있다. 이때 현재 날씨와 계절 그리고 소비자의 주문 내역을 기반으로 ai가 음식 메뉴를 추천한다. 사용할 기술 스택Frontend : React..