파티 구해? Partyguham!
배포 링크 🔗 노션 프로젝트 페이지 🏡 Github 🚀
📌 Tech Stack
TypeScript, Next, React, Zustand , Tanstack Query, Emotion
🗓️ 개발 기간
2024년 3월 ~ continue
👥 팀 구성 및 협업 방식
벡엔드 1명, 프론트 1명, 디자이너 2명(Web, App), PM 2명, 안드로이드 개발자로 구성된 팀프로젝트로 Notion, Git, Discord를 활용했습니다. Notion으로 프로젝트 전반적 관리를 진행, Discord로 매주 스크럼회의를 진행하였습니다.
💡 프로젝트 간단 소개
프로젝트 팀원을 모집하는 커뮤니티를 운영하고, 이에 게임의 개념을 도입하여 유저들이 즐거움을 느끼며 웹 및 앱에 오래 머물 수 있도록 하는 서비스입니다. 현재 프로젝트 진행 중이며, 기획 초기 부터 합류하여 여러 기능들 및 기획에도 참여하고, 프론트 프로젝트 세팅부터 프론트엔드 배포까지 맡게 되었습니다. 1차 MVP는 완료된 상태이며, QA를 진행하고 있습니다.
<aside>
💡 Main Features
- 소셜 로그인 및 회원가입
- 세부 프로필 (관심 지역, 주포지션/부포지션, 성향)
- 홈페이지 (세부 프로필 맞춤 모집 공고, 신규 모집 공고, 신규 파티)
- 파티 리스트(프로젝트 목록)
- 모집공고 리스트(모집공고 목록)
- 파티 페이지(프로젝트 페이지)
- 파티 페이지 관리(파티 편집, 파티원 관리, 모집공고 편집 및 추가, 지원자 관리)
- 검색(파티, 모집 공고 검색)
- 활동(지원 목록, 진행 및 완료한 파티 확인)
- 프로필(프로필 편집, 계정 설정)
</aside>
🛠 프론트 설정 및 개발
1️⃣ 프로젝트 구조 설계 및 Next.js 설정
- Next.js 14 버전의 App Router를 활용한 폴더 기반 라우팅 구조 구축
- Atomic Design을 응용한 컴포넌트 구조를 설계하여 재사용성과 유지보수성을 고려한 UI 개발
2️⃣ 서버 사이드 및 배포 환경 구성
- 맥 미니 Linux 환경에서 PM2와 Nginx를 활용한 무중단 배포 구현
- 배포 자동화를 위한 deploy.sh 스크립트 작성
- 개발 환경에서 CORS 문제를 방지하고 HTTPS를 지원하는 Proxy Server (server.js) 구현
- 배포 환경이 아닐 경우에만 동작하도록 설정하여 API 요청 시 CORS 문제 해결