$ pnpm start-
프로젝트 이름: TimeTile (타임타일)
-
프로젝트 설명: 타임라인 기반 덕질 아카이빙 서비스
- timetile(타임타일)은 팬의 시선으로 아티스트의 활동을 연대기 형태로 아카이빙하고, 각자의 기록을 타일처럼 쌓아가는 커뮤니티 서비스입니다.
| 👤 팀원 | 🔗 GitHub | 🛠 담당 |
|---|---|---|
| 김초연 | @choyeon2e | 🏠 메인페이지 🔑 회원가입 및 로그인 👤 마이페이지 |
| 한정현 | @JungHyunHann | 📚 마이타일 데크 |
1️⃣ 회원가입 & 로그인
- 서비스 자체 회원가입/로그인 및 구글, 카카오 소셜 로그인 지원
2️⃣ 타임타일 데크
- 시간순 아카이빙으로 아티스트의 모든 활동 확인
- 연도별 대표 타일, 태그 기반 분류, 데크/타일 간 빠른 이동
3️⃣ 타임타일 데크 편집
- 타일 추가/수정, 시작·종료일 설정, 분산 컨텐츠 아카이빙
4️⃣ 마이타일 데크
- 관심 있는 활동 감상, 최신순/인기순 정렬, 댓글 소통
5️⃣ 마이타일 작성
- 글 작성 및 작성시 전체공개/비공개 설정 가능
6️⃣ 마이페이지
- 프로필 조회, 내 활동 기록 확인, 타일/좋아요/스크랩 관리
- 등급 페이지로 활동 현황 및 다음달 예상 등급 확인
| 🏷 구분 | 💻 기술 | 🔢 버전 |
|---|---|---|
| Framework |  |
15.3.4 |
| UI Library |  |
19.0.0 |
| Styling |  |
6.1.19 |
| State Management |  |
2.12.5 |
| Data Fetching |  |
5.81.2 |
| Routing |  |
7.6.2 |
| Editor |  |
2.0.0 |
| Color Picker |  |
5.6.1 |
| Testing |  |
3.2.4 |
| Storybook |  |
9.0.15 |
| Version Control |  /  |
- |
| Language |  |
5.0 |
| Package Manager |  |
- |
| 🏷 구분 | 💻 서비스 / 도구 | 🔢 설명 |
|---|---|---|
| 프론트엔드 배포 |  |
Next.js 프로젝트 배포 |
| 스토리북 배포 |  |
GitHub Actions CI/CD 연동 후 Storybook 배포 |
| CI/CD |  |
PR 이벤트 기반 자동 빌드 및 스토리북 배포 |
├── 📂.github
├── 📂public
├── 📂src
│ ├── 📂apis
│ ├── 📂app
│ ├── 📂assets
│ ├── 📂components
│ ├── 📂constants
│ ├── 📂hooks
│ ├── 📂model
│ ├── 📂store
│ ├── 📂styles
│ ├── 📂utils
┗ 📜etc (setting files)
-
develop
- 🏠 기본 브랜치
- ✅ 배포 가능한 상태 유지
- 🚀 모든 배포는 이 브랜치에서 수행
-
feat/기능명 (예:
feat/mypage)- ✨ 새로운 기능 개발용 브랜치
-
ui/컴포넌트명 (예:
ui/record-card)- 🎨 UI 컴포넌트 개발용 브랜치
-
fix/버그명 (예:
fix/login-error)- 🐞 버그 수정용 브랜치
type: subject
body
feat : 새로운 기능에 대한 커밋
fix : 버그 수정에 대한 커밋
docs : 문서 수정에 대한 커밋
ui: 컴포넌트 생성 및 수정에 대한 커밋
style : 코드 스타일 혹은 포맷 등에 관한 커밋
refactor : 코드 리팩토링에 대한 커밋
test : 테스트 코드에 대한 커밋
add : 코드에 추가된 사항이 있을 때
chore : 그 외 자잘한 수정에 관한 커밋
