Skip to content

Latest commit

 

History

History
188 lines (160 loc) · 5.79 KB

File metadata and controls

188 lines (160 loc) · 5.79 KB

Monday 프로젝트

Monday Project 대표 이미지

서비스 소개

Monday는 관객이 사연을 쓰고 다른 관객의 사연에 공감하며, 자연스럽게 공연 예매로 이어지는 관객참여형 양방향 콘텐츠 공간을 지향합니다.

🎪 먼데이프로젝트 Monday Project

🐾 매기스가든 Maggie's Garden

개발 기간: 2026.07.29 ~ 2026.09.16


👥 프론트엔드 팀원 소개

김예빈 박다인 이주희 김나경
김예빈 사진 박다인 사진 이주희 사진 김나경 사진
@y2bnn @daniswings @jooeeh16 @kimnkgyeong

⚙️ 기술 스택

Frontend React, JavaScript, Vite
Styling CSS
Collaboration Git, GitHub, Figma, Notion
Deployment Vercel

📁 프로젝트 구조

src
├── api                     # API 요청 함수
├── assets                  # 이미지, 아이콘 등 정적 파일
│   ├── images
│   │   ├── provided        # 구글드라이브에서 받은 파일
│   │   └── custom          # 개발 과정에서 추가한 이미지
│   └── icons
├── components              # 재사용 가능한 컴포넌트
│   ├── common              # 여러 기능에서 사용하는 공통 컴포넌트
│   ├── home                # 홈 전용 컴포넌트
│   ├── performance         # 공연 안내 전용 컴포넌트
│   ├── garden              # 정원 둘러보기 및 사연 상세 전용 컴포넌트
│   ├── storyForm           # 사연 보내기 및 수정 전용 컴포넌트
│   ├── auth                # 로그인 전용 컴포넌트
│   ├── myGarden            # 내 정원 전용 컴포넌트
│   ├── mailbox             # 편지함 전용 컴포넌트
│   └── settings            # 설정 전용 컴포넌트
├── hooks                   # Custom Hook
├── pages                   # URL과 연결되는 페이지 컴포넌트
│   ├── Home
│   ├── Performance
│   ├── Garden
│   ├── StoryForm
│   ├── Login
│   ├── MyGarden
│   ├── Mailbox
│   ├── Settings
│   └── NotFound
├── router                  # React Router 설정
├── styles                  # 전역 스타일 및 공통 CSS
├── utils                   # 공통 함수 및 상수
├── App.jsx                 # 애플리케이션 최상위 컴포넌트
└── main.jsx                # React 실행 시작 파일

🌿 브랜치 전략 & 커밋 컨벤션

🌱 브랜치 구조

develop 브랜치를 중심으로 기능별 브랜치를 생성하여 개발합니다.

main                 배포 가능한 상태
 └─ develop          개발 통합 브랜치
     ├─ feat/…       새로운 기능 개발
     ├─ fix/…        버그 수정
     └─ refactor/…   코드 리팩토링

🏷️ 브랜치 네이밍

Prefix 용도 예시
main 배포용 브랜치 main
develop 개발 통합 브랜치 develop
feat/ 새로운 기능 개발 feat/24-settings
fix/ 버그 수정 fix/faq-layout
refactor/ 코드 리팩토링 refactor/story-card

✏️ 커밋 컨벤션

{타입}: {제목} 형식을 사용합니다.

타입 의미
start 프로젝트 초기 세팅
feat 새로운 기능 추가
fix 버그 수정
design UI/CSS 등 디자인 변경
refactor 코드 리팩토링
settings 설정 파일 변경
comment 주석 추가·변경
dependency 의존성/플러그인 추가
docs 문서 수정
merge 브랜치 병합
deploy 배포 관련 작업
rename 파일·폴더명 이동/수정
remove 파일 삭제
revert 이전 버전으로 롤백
test 테스트 코드 작성