IT 초심자를 위한 팀원 모집 웹서비스, 게더링(Gathering)의 팀 개발 저장소입니다.
IT 초심자를 위한 팀원 모집 웹서비스, 게더링(Gathering)
| FE | BE |
|---|---|
 |
 |
| 인하대학교 전기전자공학부 20 | 인하대학교 컴퓨터공학부 18 |
| 윤종근 | 최보근 |
| @hi2242 | @ChoiBoKeun1 |
| FE 배운점, 기술적 고민 | BE 배운점, 기술적 고민 |
| 날짜 | 대회명 | 수상내역 | 주최사 |
|---|---|---|---|
| 2025.08.25 | Blaybus 회고 공모전 | 우수상(2위) | Blaybus |
IT 초심자를 위한 팀원 모집 웹서비스, 게더링(Gathering)
본 프로젝트는 IT 초심자들도 쉽게 프로젝트에 참여할 수 있도록 모집글에 지원하여 합격/불합격을 통해 참여를 유도하는 웹서비스입니다.
프로젝트, 대회, 스터디 등의 주제로 모집글을 작성합니다. 이에 자신의 프로필 정보를 입력하여 마음에 드는 모집글에 지원서를 제출합니다.
모집자는 지원서를 보고 마음에 든다면 승인 처리를 하여 본인이 역할을 제대로 수행하지 못할까봐 걱정하여 프로젝트 참가를 두려워하는 IT 초심자에게 당위성을 심어주어 프로젝트 참가라는 문턱을 넘게 해줍니다.
또한 이 외에도 자신과 비슷한 수준의 실력을 가진 사람들과 프로필을 공유하여 대회를 참가하거나 스터디를 진행할 수도 있습니다.
개발을 처음 시작한 사람들은 자신의 실력 부족이나 경험 부족에 대한 불안감 때문에 프로젝트에 참여하기를 주저하는 경우가 많습니다. 또한, 기존 팀원 모집 플랫폼은 대부분 실력 있는 사람을 우선시하거나, 초심자에게 진입 장벽이 높게 느껴질 수 있는 구조를 가지고 있습니다.
게더링(Gathering)은 이러한 IT 초심자들의 시작을 돕는 웹서비스로 지원-승인-참여의 흐름을 통해 부담 없이 프로젝트에 도전할 수 있는 환경을 제공합니다.
누구나 자신의 역량을 바탕으로 지원서를 제출하고 모집자의 승인을 통해 정식 팀원으로 참여할 수 있는 구조를 통해 참가에 대한 당위성을 부여하고 진입장벽을 낮췄습니다.
👥 사용자 기능
- 회원가입: 이메일과 비밀번호를 통해 계정을 생성하고 서비스에 가입
- 구글 소셜 로그인: 구글 계정을 통해 간편하게 로그인 및 회원가입
- 프로필 등록: 이름, 전공, 포트폴리오, 활동 이력 등 개인 정보를 작성하여 저장
- 모집/지원 현황 조회: 내가 작성한 모집글의 지원자 현황 또는 내가 지원한 모집글의 결과를 확인
- 프로필 방문: 다른 사용자의 프로필을 방문하여 이력 및 활동 내역 열람
- 모집글 등록: 프로젝트, 대회, 스터디 등 주제를 설정하여 팀원 모집글 작성
- 지원서 확인: 각 지원자의 프로필과 제출한 지원서를 확인
- 승인/거절 처리: 승인된 사용자만 팀에 참여 가능하도록 제어
- 지원/마감 알림: 메일을 통해 지원서가 접수되거나 마감이 되면 알림 메일 발송
- 모집 마감: 일정 수 이상 팀원이 구성되면 직접 모집 종료 가능
- 모집글 탐색: 관심 있는 모집글을 목록 혹은 필터링을 통해 확인
- 지원서 작성: 각 모집글에 맞춰 개별적으로 지원서 작성 및 제출
- 결과 알림: 메일을 통해 모집자의 승인/거절 여부에 대한 알림 메일 발송
- 결과 확인: 모집자의 승인 여부에 따라 사이트에서 카카오톡 오픈채팅 링크 확인
🛠 관리자 기능
- 유저 수 확인: 전체 회원 수를 확인하고 사용자 증가 현황 파악
- 게시글 숨김: 부적절하거나 신고된 모집글을 숨겨 사용자에게 비노출 처리
- 멤버 <-> 관리자 역할 전환: 특정 사용자에게 관리자 권한을 부여하거나 해제
- 멤버 ID 조회: 사용자의 고유 식별자(ID)를 조회하여 관리 용도로 활용
🔹 모집자 서비스 Flow
프로필 정보 등록 방법
모집글 등록 방법
지원자 조회 방법 & 승인/거절 방법
🔹 지원자 서비스 Flow
모집자 프로필 조회 방법
모집글 지원 방법
합격 시 채팅 방법
| Tags | Explanation |
|---|---|
| Feat | 새로운 기능 추가 |
| Fix | 버그 수정 |
| !BREAKING CHANGE | 커다란 API 변경의 경우 |
| !HOTFIX | 급한 치명적 버그 수정 |
| Build | 빌드 관련 파일 수정 |
| Design | CSS를 포함 UI 디자인 변경 |
| Docs | 문서 수정 |
| Style | 코드 포맷팅, 세미콜론 누락, 코드 변경 X |
| Refactor | 코드 리팩토링 |
| Comment | 필요한 주석 추가 및 변경 |
| Test | 테스트 코드 수정 |
| Rename | 파일, 폴더명 이름 수정 |
| Remove | 파일, 폴더 삭제 |
| chore | 빌드, 패키지 수정 |
| 이름 | 버전 | 설명 / 역할 | 라이선스 |
|---|---|---|---|
| React | ^18.3.1 | UI 컴포넌트 기반 프론트엔드 프레임워크 | MIT |
| React DOM | ^18.3.1 | React DOM 렌더링 지원 | MIT |
| React Router DOM | ^7.1.3 | SPA 라우팅 관리 | MIT |
| Recoil | ^0.7.7 | 전역 상태 관리 | MIT |
| Axios | ^1.7.9 | HTTP 클라이언트 (API 통신) | MIT |
| Framer Motion | ^12.5.0 | 애니메이션 / 모션 효과 | MIT |
| React Spinners | ^0.17.0 | 로딩 스피너 UI | MIT |
| React Draggable | ^4.4.6 | 드래그 앤 드롭 기능 | MIT |
| React Cookie | ^7.2.2 | 브라우저 쿠키 관리 | MIT |
| React Quill | ^2.0.0 | WYSIWYG 에디터 (Quill 기반) | BSD-3 |
| React QuillJS | ^2.0.5 | Quill.js React 래퍼 | MIT |
| React Tailwindcss Datepicker | ^1.7.2 | Tailwind 스타일 날짜 선택기 | MIT |
| Embla Carousel | ^8.6.0 | 캐러셀(슬라이더) 컴포넌트 | MIT |
| TailwindCSS | ^3.4.17 | 유틸리티 퍼스트 CSS 라이브러리 | MIT |
| Tailwind Scrollbar Hide | ^2.0.0 | 스크롤바 숨김 플러그인 | MIT |
| Autoprefixer | ^10.4.20 | CSS 자동 벤더프리픽스 추가 | MIT |
| PostCSS | ^8.5.1 | CSS 변환 도구 | MIT |
| Vite | ^6.0.5 | 번들러 & 개발 서버 | MIT |
| @microsoft/fetch-event-source | ^2.0.1 | SSE(Server-Sent Events) 지원 라이브러리 | MIT |
| 날짜 | 내용 | Version | VersionCode |
|---|---|---|---|
| 2025.08.06 | 배포용 프로토타입 | Ver.1.1.0 | 1 |
| 2025.08.06 | 드롭다운 오류 수정 | Ver.1.1.1 | 2 |
| 2025.08.29 | 사용 설명 배너 추가 | Ver.1.1.2 | 3 |
| 2025.09.26 | 알림 기능 추가 | Ver.1.2.0 | 4 |
| 2025.11.29 | 캐러셀 배너 오류 수정 | Ver.1.2.1 | 5 |
| 2025.12.09 | SEO 설정 | Ver.1.2.2 | 6 |
This project is licensed under the MIT License.