Introduction 🙌

안녕하세요.
디스코드 서버 매칭 사이트입니다.
Discord 커뮤니티에 오신 것을 환영합니다!😁
📢이곳에서 당신의 새로운 게임 파트너를 찾아보세요!🎮

Domain ☕

DISEARCH - 디스코드 매칭 서비스

👥 프론트엔드 팀원 소개

이승용	이병욱
@yong8048	@lbw3973
📍헤더 컴포넌트 📍마이페이지 📍서버 추가 페이지 📍Discord Bot 생성 📍Discord User API 📍Discord Invite API	📍사이드바 컴포넌트 📍게시물카드 컴포넌트 📍검색페이지 📍OAuth2 로그인/로그아웃 📍Discord Channel API 📍Discord Invite API

👥 백엔드 팀원 소개

김세진
@birdnew1
📍글 작성 및 관리 (게시, 업데이트, 삭제) 📍태그 관리 및 검색 📍카테고리 필터링 📍페이지네이션 📍Discord Invite API

🔧 Front-End Skills

🔧 Back-End Skills

🖥 프로젝트 미리보기

💻 PC

로그인/로그아웃
Discord OAuth2 API를 사용하여 로그인 및 로그아웃을 진행할 수 있습니다.

태그 검색
검색하고싶은 태그로 검색을 할 수 있습니다. 검색한 내용은 최근검색어로 LocalStorage에 저장됩니다.

페이지네이션
한 페이지에 12개의 게시물을 보여줍니다. 페이지번호의 변화에 따른 API요청으로 페이지네이션을 구현했습니다.

사이드바
원하는 카테고리와 태그를 클릭하여 검색할 수 있습니다.

자신의 서버 게시
자신의 서버를 업로드하여 홍보할 수 있습니다. 서버를 업로드하면 해당 서버에 봇이 추가됩니다.

마이페이지
업로드한 서버를 확인하고 관리할 수 있습니다.

서버 참가하기
Discord 초대코드 생성 API를 이용하여 해당 서버로 참가할 수 있습니다.

📱 Mobile

메인	서버 게시

구현 기능 및 시스템 흐름

구현 기능 요약

프로젝트에서 Back-End 서버로 구현된 주요 기능은 다음과 같습니다:

• 글 작성 및 관리: 사용자는 게시글을 작성하고, 수정 및 삭제할 수 있습니다. 각 게시글은 서버 ID, 서버 이름, 카테고리, 태그, 내용 등으로 구성됩니다.
• 태그 기반 검색: 사용자는 특정 태그를 기준으로 관련 게시글을 검색할 수 있습니다. 검색 시스템은 관련성 높은 결과를 우선적으로 보여줍니다.
• 카테고리별 필터링: 게시글은 카테고리에 따라 분류됩니다. 사용자는 원하는 카테고리를 선택하여 해당 카테고리의 게시글만 볼 수 있습니다.
• 페이지네이션: 게시글 목록은 페이지네이션을 통해 관리됩니다. 12개의 게시글을 기준으로 하며, 사용자는 다양한 페이지에서 게시글을 탐색할 수 있습니다.

시스템 흐름 요약

1. 게시글 작성: 사용자는 폼을 통해 게시글의 정보(서버 ID, 서버 이름, 카테고리 등)를 입력하고, 게시글을 작성합니다.
2. 태그 및 카테고리 할당: 게시글에는 여러 태그가 할당될 수 있으며, 하나의 카테고리가 지정됩니다.
3. 게시글 검색 및 필터링: 사용자는 태그나 카테고리를 기준으로 게시글을 검색하거나 필터링할 수 있습니다.
4. 페이지네이션을 통한 탐색: 사용자는 페이지네이션을 통해 다양한 게시글을 탐색할 수 있습니다. 시스템은 각 페이지에 해당하는 게시글 목록을 제공합니다.
5. 게시글 수정 및 삭제: 사용자는 자신이 작성한 게시글을 수정하거나 삭제할 수 있습니다. 수정 시 게시글의 날짜가 업데이트 되어 홈페이지 최상단으로 업데이트 되며, 삭제 시에는 게시글이 시스템에서 완전히 제거됩니다.