👀 welcome to 👀

서울시 도시 데이터 공공 API 기반 정보제공형 커뮤니티

👨‍👩‍👧‍👦 Our Team

👊 프로젝트 노션 바로가기

👊 원페이지 노션 바로가기

프로젝트 기능

🛡 OAuth2 소셜로그인 (kakao, naver)

• Kakao와 Naver계정을 통한 간편 로그인이 가능합니다.
• Kakao Email과 Naver Email 이 동일한 경우 하나의 계정으로 통합하여 사용이 가능합니다.
• 하나의 계정에 Kakao 와 Naver 모두 연동되어있는 경우 두 곳 모두에서 연동이 해제되며 서비스에서 탈퇴처리 됩니다.
• 작성한 게시글, 댓글 등은 사라지지 않으며 탈퇴한계정으로 표시됩니다(회원 정보는 삭제됨).

📊 서울시 open api를 활용한 실시간 정보제공 기능

• 스케쥴러를 활용하여 5분마다 데이터를 수집합니다.
• 2-1. 구 별 코로나 정보, spot 별 날씨 정보 제공 : 저장되어 있는 데이터를 실시간으로 제공합니다.
• 2-2. 전체 데이터의 누적 통계를 활용한 정보제공 기능 : 수집한 데이터를 기반으로 혼잡도 점수를 산정 하여 순위 통계를 제공합니다.
• 2-3. spot 별 누적 + 실시간 정보제공 기능 : 지난주 같은 요일의 혼잡도, 인구수를 비교하여 실시간 인구 추이를 제공합니다.

🗨 구 별 커뮤니티 (CRUD)

• 서울시 25개 구 별 커뮤니티를 제공합니다.
• 1.게시글, 댓글 작성/수정/삭제/조회 : 다중 이미지 업로드가 가능하며 카테고리 선택과 태그추가 기능을 지원합니다.
• 2.좋아요 : 게시글, 댓글을 좋아요 할 수 있으며 이에대한 알림기능도 지원합니다.
• 3.북마크 : 내가 자주 사용하는 구를 북마크 할 수 있습니다. 북마크한 지역의 게시글이 추가되면 실시간 알림을 제공합니다.

🔍 검색 기능(내용+태그, 태그 검색기능)

• QueryDSL을 활용하여 동적 쿼리작성이 가능하도록 구현하였습니다.
• 게시글의 내용을 검색하거나 태그로 검색이 가능합니다. 작성자 검색도 가능합니다.

👨‍💻 마이페이지 기능 (내가 작성한 글, 내가 좋아요한 글, 내 게시글에 달린 댓글, 내 정보 수정)

• 마이페이지에서 내가 작성한글, 내가 좋아요한 글, 내 게시글에 달린 댓글을 확인할 수 있으며 프로필사진과 닉네임을 수정할 수 있습니다.
• 내 게시글에 새로운 댓글이 달리면 새로운 알림이 등록됩니다.

📢 신고 기능 (사용자, 닉네임, 게시글, 댓글)

• 악성 사용자, 불건전한 닉네임, 게시글, 댓글을 내용과 함께 신고할 수 있습니다.
• 본인은 본인을 신고할 수 없으며 같은 건의 신고에 대해서는 계정 하나당 1회로 제한됩니다.
• 항목별 일정 횟수가 지나게 되면 강제로 닉네임을 변경하거나, 내용을 비공개 처리하여 보여주게 됩니다.

☑ 무한스크롤

💬 WebSocket을 활용한 실시간 채팅

• 실시간 채팅이 가능합니다.
• 최근에 대화가 이루어진 순서대로 채팅방이 보여집니다.
• 상대방이 나간 후에 새로운 메세지가 등록되면 기존의 채팅이 이어집니다.
• 채팅방에서 모두 나가게 되면 채팅 내역은 삭제되며 다시 대화를 시작하면 새로운 채팅방이 생성됩니다.

🔔 SSE를 활용한 실시간 알림

• 북마크한 게시판에 새로운 글이 등록되면 실시간 알림을 제공하며 알림을 클릭하면 해당 게시글로 이동합니다.
• 내가 작성한 게시글에 좋아요 및 댓글이 달리면 실시간 알림을 제공하며 알림을 클릭하면 해당 게시글로 이동합니다.
• 실시간 채팅이 오면 실시간 알림을 제공하며 알림을 클릭하면 해당 채팅방으로 이동합니다.

적용 기술

◻ QueryDSL

정렬, 검색어 등에 따른 동적 쿼리 작성을 위하여 QueryDSL 도입하여 활용했습니다.

◻ Swagger

프론트엔드와 정확하고 원활한 소통을 위하여 스웨거를 도입하여 적용하였습니다.
BoombiBoombi Swagger

◻ Sentry를 통한 에러 로그 확인 및 공유

Sentry를 활용하여 에러로그를 쉽게 확인/공유 할 수 있었습니다.
Sentry Image

◻ Github Actions & Code Deploy (CI/CD)

자동 빌드/배포를 위하여 깃허브 액션과 코드디플로이를 활용하여 CI/CD 를 구축했습니다.
AWS CodeDeploy

◻ Nginx (무중단배포)

서비스 운영중 업데이트를 위한 재배포시 중단없는 서비스 제공을 위하여 Nginx 와 Shell Script를 활용해 무중단배포를 구현하였습니다.

◻ Scheduler를 통한 open api 호출

5분마다 변동되는 데이터를 수집/제공/관리 하기 위하여 스케쥴러를 활용하였습니다.

◻ Redis

연속된 요청으로 인한 DB병목을 해소하고 RefreshToken 등 소멸기간이 존재하는 데이터의 TimeToLive 관리를 용이하게 할 수 있도록 Redis를 도입하였습니다.

⚙ Development Environment

Java 11 SpringBoot 2.7.5 Ubuntu 20.04.5 LTS QueryDSL 5.0

🚨 Trouble Shooting

Join Fetch 순서 보장 문제 WIKI보기

NGINX ReverseProxy를 활용한 무중단배포 시 Cors, SSE 설정 WIKI보기

JPA N+1 문제 WIKI보기

Open Api data WIKI보기

Token Reissue WIKI보기

Redis 크롤러 봇 및 인증설정 WIKI보기

:raising_hand::thought_balloon: Concern

Access Token and Refresh Token Reissue Process WIKI보기

Comment & Like Table Structure WIKI보기

S3 Image Upload Control WIKI보기

Validation Logic WIKI보기

🌐 Architecture

📋 ERD Diagram

📝 Technologies & Tools (BE) 📝

Email : boombiboombi.official@gmail.com Instagram : @boombiboombi.official

◻ Copyright ©2022 Hang-Hae99 9th Final : C team 4 all rights reserved.