2겨내조 (A02조)

Team

🗃️ Github

https://github.com/choisooyoung-dev/d-ingco.git

https://github.com/jongha1230/Twinify

📽️ 시연 영상

🗒️ 발표 자료

👣 개인과제

이성찬
임종하
박민서
남수빈
최예진
유수지

1. 프로젝트

프로젝트 명 : twinify - (two(2조) + 이기다(win)+ify)
소개
- 한 줄 정리 : 좋아하는 음악 정보 및 플레이리스트 공유 사이트
- 내용 : twinify는 사용자가 좋아하는 음악 정보를 공유하고 개인 맞춤형 플레이리스트를 작성 및 공유할 수 있는 플랫폼입니다. 이 사이트는 무한 스크롤을 통해 다양한 음악과 앨범을 탐색할 수 있으며, 상세 페이지에서 음악 및 앨범에 대한 정보를 확인할 수 있습니다. 또한, 장르별 필터링 기능을 제공하여 사용자가 쉽게 원하는 음악을 찾을 수 있습니다. 회원 가입 및 로그인 기능을 통해 개인화된 서비스를 제공하며, 사용자는 마이 페이지에서 프로필을 수정하고 좋아요 목록을 관리할 수 있습니다. 검색 기능을 통해 특정 음악이나 아티스트를 쉽게 찾을 수 있으며, 댓글을 통해 다른 사용자와 소통할 수 있습니다.
- 페이지 구성: 메인 페이지, 상세 페이지, 검색 페이지, 마이 페이지, 회원가입, 로그인 페이지, 음악 리스트 페이지

2. 기획 관련 메모

기술 스택 관련
Zutand 선택 이유
- 클라이언트 전역 상태 관리할 때 적은 보일러 플레이트 코드와 간결한 API
- Immer를 통한 간편한 불변성 유지
- persist 미들웨어를 통한 상태 지속성 관리(세션 로컬 스토리지)
- 작은 번들 크기와 높은 성능
tanstack
- 서버 상태 관리에 최적화 되어 있음
- 강력한 캐싱 기능과 데이터 패칭 최적화
- 비동기 작업 처리의 효율성
- 서버데이터 실시간 동기화 및 업데이트의 용이
- 쿼리 키와 쿼리 함수가 있어 중앙화된 관리가 가능해서 API 출처를 명확하게 파악할 수 있고 유지보수가 용이
context api
- 간단한 전역 상태 관리를 위한 내장 솔루션

3. WBS & Tasks

이성찬
임종하
박민서
남수빈
최예진
유수지

🏝️ Ground Rules

- 팀 프로젝트 : 회의할 때는 캠 켜기
- 따뜻하고 예쁜 말로 소통하기 
- 막히거나 어려운 부분있으면 바로바로 공유하기

🚩 Goals

**월요일**: 초기 세팅
	피그마 마무리 작업 ✅
	GitHub 리포지토리 설정 및 초기 커밋 ✅
	Supabase 계정 세팅 및 프로젝트 연결 ✅
	스포티파이 API 계정 설정 ✅
	기본 프로젝트 구조 설정 (폴더 구조, 기본 파일 생성) ✅
**화요일**: 기본적인 스타일링, Supabase 테이블 설정 
	Supabase에 필요한 테이블 생성 (사용자, 음악, 댓글 등) ✅
	각 페이지의 기본적인 레이아웃 디자인 및 스타일링 ✅
**수요일**: Supabase 등 API에 맞게 서버 사이드 설정
	Supabase 인증 설정 (회원가입, 로그인, 로그아웃) ✅
	데이터베이스 초기 데이터 삽입 (더미 데이터) ✅
	서버 사이드에서 필요한 API 엔드포인트 설정 ✅
	기본적인 데이터 Fetch 함수 구현 ✅
**목요일**: API 메서드 등 상태 관리 연결
	클라이언트 사이드에서 API 호출 및 데이터 처리 ✅
	Zustand를 이용한 전역 상태 관리 설정 ✅
	Tanstack을 이용한 서버 상태 관리 설정 ✅
	주요 기능 구현 (음악 리스트 불러오기, 댓글 CRUD 등) ✅
**금요일**: 통합 과정
	각 기능 및 페이지 통합
	전체적인 동작 테스트 및 디버깅
	UI/UX 개선 작업
	최종 발표 준비 (발표 자료 정리, 데모 준비)

🕑 회의

개인 프로젝트 기간
12:00 에 진행 상황 공유

팀 프로젝트 기간 
10:00 : 오늘의 작업 계획 공유하기
19:30 : 작업 상황, 오류 내역, 어려웠던 점 회고하기 (캠 필수)

🚦 Project Rules

개발환경

Code Convention

Github Rules

KPT 회고

🌞 계획표

요일 별 상시 업무 [D-5]

📢 SA 서면피드백

- 스포티파이 API를 활용한 음악 공유 사이트를 기획해주셨군요!
- WBS 역할 분담이 잘되어 있습니다.
- 회원가입, 로그인 페이지는 url path는 다르게 하되, 컴포넌트는 재사용할 수 있는 방향으로 구성해보시면 좋겠습니다.
- 테이블 속성과 테이블간의 관계를 명시하는 DB 스키마를 이제 고려해보시면 좋겠습니다.

4. 와이어프레임

https://www.figma.com/design/7vHdp3UDW3l6h7MfTlDQ4U/2겨내조-A02?node-id=0-1&t=bQUQ99fEhL8k2QDQ-1

Untitled