ImageBell (Vue3+SpringBoot)

Detail Development Log프론트 Github 백엔드 Github

📌 프로젝트 시작 이유

Vue3+Spring을 더 심화시키고싶어서 시작했다.

이전 프로젝트에서 더 발전의 여지가 있었던 JWT 완전한 Stateless 발급, OneToMany ManyToOne 등의 어노테이션을 활용한 테이블간의 조인, 외부서비스를 통한 파일업로드 최적화, 새로이 Redis를 도입한 DB사용 최적화, 여러 쿼리 조건에 따른 검색기능, kakao Oauth 추가 등 종합적인 모던 웹페이지의 전반적인 개발 실력 향상이 가능하다고 생각했다.

추가로 Google Gemini AI를 활용하여 AI와의 연계 서비스를 구현할 수 있을 것이라고 생각했다.

뭐 왜 ImgBell이란 이름을 지음?

🚀주요 기능

회원 관리 및 인증 JWT

Google Gemini API를 활용한 이미지 자동 분석, 태그 추가 기능

Google Gemini API를 활용한 만화/애니메이션 캐릭터가 분석해주는 이미지!

AWS S3 이미지 업로드 기능(axios 사용).

이미지 커뮤니티

게시판(글작성) 기능

댓글 알림 기능

Redis를 활용한 일간, 주간랭킹, 최근 본 항목

페이지 관리기능

이미지 검색기능

ElasticSearch를 활용한 이미지 검색기능

Docker 및 Github Actions를활용한 CI/CD 환경 구축

Prometheus + Grafana를 활용한 모니터링 기능

Kafka를 활용한 선택적 로직 비동기 처리

🛠️ Front-End 사용 기술

Vuetify

TypeScript

Vite

Axios

TipTap

Pinia

AWS S3

Docker

🛠️ Back-End 사용 기술

Gemini API

SpringBoot

SpringSecurity

OAuth2

Redis

Websocket

JPA Specification

AWS S3

AWS EC2

MySQL

Elastic Search

Docker

Github Action

Prometheus

Grafana

Kafka