Skip to content

Repository files navigation

취미한다 Hobbie-Do

image

🌱 프로젝트 목표

사용자들에게 맞춤 취미를 추천해주고, 사용자들은 자신이 설정한 지역과 추천된 취미를 바탕으로 소모임 생성 및 가입을 할 수 있으며, 해당 소모임에서 게시판, 채팅 등 커뮤니티 활동을 할 수 있다

❤️ 팀원 소개


FE | 팀장 : 김예진


FE | 팀원 : 박효빈


BE | 팀원 : 김선욱


BE | 팀원 : 홍준표


BE | 팀원 : 이선주

現 팀장,
UI/UX, 회원 기능,
위치기반 활동지역 기능,
설문조사 기능,
마이페이지, 홈,
소모임 둘러보기
채팅 기능,
알림 기능,
게시판 기능,
소모임 생성 및 수정
CI/CD구축,
MSA 안프라 구축,
취미 설문 서비스,
게시판 서비스,
스프링 배치 서버 구축
시큐리티,
회원 서비스
채팅 서비스,
소모임 서비스,
알림 서비스,
활동지역 서비스,
소셜 회원 서비스

💻 개발 환경

⚙ 기술 스택

백엔드


프론트엔드

협업

프로젝트 기간

2024.04.18~2024.07.04

☀️ 서비스 화면

회원가입

통합 회원 가입 및 구글 회원 가입할 수 있다

image
image

위치설정 및 설문조사

자신의 현재 위치 기반으로 활동범위 설정과 설문조사를 진행한다

image

설문조사바탕 취미 결과를 확인하고 새로 생긴 모임과 HOT한 게시판을 조회하며 소통한다

image

활동 지역 변경

활동지역은 최대 3개까지 등록 및 수정 가능하다

image

소모임에 가입하거나 철회한다

소모임은 자유방식과 가입방식이 있으며 10일간 미수락시 자동 철회된다

image

비밀번호 재설정

비밀번호를 재설정한다

image

소모임 둘러보기

자신의 활동 지역과 추천 취미와 일치하는 소모임들을 둘러볼 수 있다

image

소모임 생성

자신이 설정한 활동 지역과 추천 취미를 바탕으로 소모임을 생성할 수 있다

image

소모임 게시판 게시글 작성

자신이 소속된 소모임의 게시판에 게시글을 작성할 수 있다

image

소모임장 게시글 고정

소모임장이 자신의 소모임 게시판 내 특정 게시글을 1개 고정할 수 있다

image

소모임 게시판 게시글 좋아요 및 댓글 기능

게시판의 게시글에 사용자등리 좋아요와 댓글 기능을 사용할 수 있고, 해당 게시글의 좋아요 수와 댓글 수를 확인할 수 있다

image

소모임 게시판 게시글 리스트 무한 스크롤 조회

게시판 내 게시글 리스트에 대하여 무한 스크롤로 구현하였다

image

소모임 채팅 리스트

소속된 소모임들의 채팅 리스트를 볼 수 있다

image

소모임 실시간 채팅

특정 소모임에서 회원들과 실시간으로 채팅을 할 수 있다

image

소모임 채팅방 이전내역 무한 스크롤 조회

소속된 소모임의 채팅방에서 이전내역을 무한 스크롤로 조회할 수 있게끔 구현하였다

image

소모임 내 회원 강퇴 및 가입 수락, 거절

내가 만든 소모임에서 특정 회원을 강제퇴장을 시키거나, 신청가입방식의 경우 가입을 수락 또는 거절할 수 있다

image

소모임 가입 신청 알람

내가 만든 소모임에서 특정 회원의 가입 신청을 알람을 통해 볼 수 있다

image

소모임 나가기

특정 소모임에서 탈퇴를 할 수 있다

image

🏆 주요 기능

  • 소셜로그인
  • 로그인 , 회원가입 - 이메일인증
  • 활동지역 등록 - 카카오 맵 API
  • 취미 설문 조사
  • 소모임 생성 및 가입
  • 게시글 작성, 수정, 삭제
  • 게시글 좋아요, 댓글
  • 소모임 신청서
  • 소모임 알림
  • 소모임 단체 채팅

📄 설계 문서

📌 이벤트 스토밍

이벤트 스토밍

📝 ERD

ERD 설계서

☁️ 인프라 아키텍처

Web App Reference Architecture (1)

  1. GitActions 를 통해 CI / CD 를 구축하였다
  2. 게이트웨이 서버 등 MSA 인프라를 구축하였다
  3. KAFKA 서버를 따로 EC2 인스턴스를 통해 구축하였고, 이를 통해 EDA 를 하였다
  4. Mongo DB 는 Mongo Atlas 를 통해 구축함으로써 인스턴스의 부하 부담을 줄여주었다
  5. Mongo DB 를 활용하여 읽기 전용 서버를 구축함으로써 API 부하 부담을 줄여주었다
  6. 프론트엔드 파일인 Next.js 파일도 AWS EC2 를 통해 배포하였다

⭐️ Api 명세서

API 명세서

🖋️ 요구사항 명세서

요구사항 정의서

📧 협업:Notion

HanDa Notion

📝 프로젝트 회고

🍎 김예진

  • 서비스 기획부터 배포까지 온전히 팀원들의 힘으로 해낸 프로젝트였습니다. 주어진 환경에서 최선을 다했던 시간이였고 개발자로서 크게 성장할 수 있었습니다. 특히 Nextjs 스킬을 높힐 수 있었습니다. 또한 사용자 관점에서 UI/UX를 설계할 수 있었습니다. Next Auth를 이용해서 회원 관련 세션과 서버 통신을 깊게 공부했던 시간이 기억에 남습니다. 이렇게 스파로스 4기에서 좋은 팀원들과 협업능력을 키우고 현업 개발자라는 생각으로 서비스를 개발했던 뜻깊은 기간였습니다.

🍊 박효빈

  • 2개월간 기획부터 화면 설계, 구현까지 짧지만 뜻깊은 시간이었습니다. 프론트엔드를 담당하며 next에 대해 깊게 공부할 수 있었고 프론트 기술 스택에 대해 관심도 깊어졌습니다. 또한 백엔드 분들과 소통하며 웹 설계의 전반적인 과정에 대해 배울 수 있었습니다. 좋은 팀원들 덕분에 동기부여도 됐고 함께 성장할 수 있는 좋은 경험이었습니다.

🍋 이선주

  • 전과 다르게 기술 선정과 API 설계에 대해 깊게 고안하고 에러 처리 등 세세하게 신경썼던 프로젝트였습니다. 다 열심히 하는 팀원들을 만나 좋은 마무리를 할 수 있었습니다.

🥝 김선욱

  • 2차 프로젝트에 들어가기 앞서서 스스로 많이 부족하다는 것을 알기에 새로운 팀원들과 MSA, Read_Only API 등 새로운 기술을 써가면서 프로젝트를 해야한다는 것에 두려움이 앞섰던 것 같았다. 하지만 팀원분들과 강사님, FT 님들이 옆에서 많이 도와주시고, 스스로도 많이 학습을 하면서 결국 프로젝트를 잘 마무리할 수 있었던 것 같아 뿌듯한 마음이 이제 더 크게 자리잡은 것 같다. 이번 프로젝트를 계기로 앞으로 해나갈 취업 준비나 또 다른 프로젝트를 하는 것에 있어서 막연한 두려움을 어느 정도 극복할 수 있을 것 같다.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages