🪶 Rolling

롤링페이퍼 문화를 웹으로 구현한 커뮤니티형 플랫폼입니다.

---

❤️ 프로젝트 개요

Rolling은 사용자별 롤링페이퍼를 작성하고 공유할 수 있는 커뮤니티형 웹 플랫폼입니다.
나만의 배경 이미지와 글꼴을 적용해 개성 있는 페이지를 만들 수 있으며, 다양한 이모지를 통해 감정을 풍부하게 표현할 수 있습니다.

🧡 팀원 소개

김현진	김진호	이규화	이예승	이정원
@BZzzzi	@bunsacontrol-glitch	@summerlane	@yeseung00	@jungwon123

💛 기술 스택

구분	사용 기술
개발 환경	VS Code · ESLint · Git & GitHub
HTML/CSS	Styled Components · Swiper
JavaScript	Node.js & npm · axios
React	Context API · react-router-dom · emoji-picker-react · react-infinite-scroll
빌드/배포	Vite · Vercel

💚 프로젝트 실행 방법

# 로컬 개발 서버
npm run dev

# ESLint 규칙 검사
npm run lint

# 프로덕션 빌드
npm run build

# 빌드 결과 확인
npm run preview

💙 디렉토리 구조

src/
├── api/
│
├── assets/
│   ├── images/
│   └── icons/
│
├── components/
│
├── hooks/
│
├── pages/
│
├── styles/
│
├── utils/
│
├── App.jsx
└── main.jsx

💜 GitHub 브랜치 전략

브랜치	용도	비고
main	최종 배포용	운영 환경
develop	기능 통합용	테스트 / 통합
feature/*	기능별 작업용	개인 작업 브랜치

🤍 Commit 컨벤션

타입	설명	예시
Feat	새로운 기능 추가	Feat: 롤링페이퍼 생성 기능 추가
Fix	버그 수정	Fix: 삭제 기능 오류 해결
Style	코드 포맷팅 변경	Style: 들여쓰기 및 코드 정렬 수정
Refactor	기능 변화 없는 리팩토링	Refactor: 컴포넌트 구조 개선
Docs	문서 수정	Docs: README 수정
Chore	빌드/설정 관련 변경	Chore: ESLint 설정 파일 수정
Test	테스트 코드 추가/수정	Test: useToggle 훅 테스트 추가

🖤 PR & Issue 템플릿

PR

<!-- 제목: [Feat] ... -->

## 작업 내용
<!-- 구현하거나 수정한 내용을 상세히 적어주세요. -->
- ...
- ...
- ...

<br>

## 관련 이슈
<!-- 관련된 이슈 번호를 기입해주세요. -->
- close #12

<br>

## 체크리스트
<!-- PR을 올리기 전 아래 항목들을 확인해주세요. -->
- [ ] 코드에 불필요한 콘솔 로그가 없습니다.
- [ ] 코드 스타일이 ESLint & Prettier 규칙을 따릅니다.
- [ ] 빌드 및 실행 테스트를 완료했습니다.

<br>

## 스크린샷
<!-- UI 변경 사항이 있을 경우 첨부해주세요. -->

Issue

<!-- 제목: [Feat] ... -->

## 개요
<!-- 어떤 기능(또는 개선 사항)을 구현할 예정인지 간략히 작성해 주세요. -->
- ...

<br>

## 일정 계획
| 구분 | 내용 |
|------|------|
| **시작일** | YYYY-MM-DD |
| **목표 완료일** | YYYY-MM-DD |
| **예상 소요일** | 2일 |
| **진행 상태** | ☐ 진행 전 / ✅ 진행 중 / ☐ 완료 |

<br>

## 상세 구현 계획 및 체크리스트
<!-- 어떤 방식으로 구현할 예정인지 구체적으로 작성해주세요. -->
### 1. 깃허브 셋팅
- [ ] ...
- [ ] ...

### 2. 디스코드 셋팅
- [ ] ...
- [ ] ...

### 3. 개발환경 셋팅
- [ ] ...
- [ ] ...

<br>

## 참고 사항
<!-- 공유해야 할 참고 사항이나 이슈를 작성해주세요. -->
- ...
- ...