0. Rolling

전하지 못한 말이 있나요? 🤔 주인공 몰래 메세지를 준비하고 싶나요? 🥳 Rolling이 도와드립니다! ✨

서비스 링크 노션 링크 발표자료

1. Project Overview (프로젝트 개요)

• 프로젝트 이름: Rolling
• 프로젝트 설명: 웹 롤링페이퍼 제작 사이트
• 개발기간: 2025-08-09 ~ 2025-08-26

user flow

2. Technology Stack (기술 스택)

Environment

Development

Library

Communication

3. Team Members (팀원 및 팀 소개)

오세진	김진혁	류정훈	서지권	위소현	황휘태
PL	FE	FE	FE	FE	FE

4. Key Features (주요 기능)

롤링페이퍼

• 둘러보기: 인기순, 최신순으로 확인 할 수 있습니다.
• 만들기: 메세지를 남길 수 있는 롤링페이퍼를 생성할 수 있습니다. 원하는 이미지를 배경으로 선택할 수 있습니다.
• 리액션: 이모지를 선택하여 반응을 남길 수 있습니다.
• 삭제하기: 롤링페이퍼와 메세지를 삭제할 수 있습니다.

메세지

• 둘러보기: 모달창을 통해 메세지의 전문을 볼 수 있습니다.
• 작성하기: 롤링페이퍼에 메세지를 남깁니다. 프로필 사진을 선택할 수 있습니다.

카카오톡 공유하기

• 카카오톡 로그인을 통해 롤링페이퍼를 공유 할 수 있습니다.

다크모드

• 다크모드에서 동일한 기능을 할 수 있습니다.

5. Tasks & Responsibilities (작업 및 역할 분담)

김진혁	컴포넌트 : 모달, 토스트, 뱃지 페이지: 404 페이지 작업: 라우팅 설정, 404 페이지 footer 작업
류정훈	컴포넌트 : 카드리스트 페이지: 목록 페이지 (/list) 작업: 인피니트 스크롤, 프리패칭
서지권	컴포넌트 : 카드 일괄 페이지: 개별 상세 페이지 (/post/{id}, /post/{id}/edit) 작업: 코드리뷰, 컨벤션 수정, 삭제하기 기능 구현, QA 진행, 노션 수정
오세진	컴포넌트 : 텍스트 에디터, 셀렉트박스, 프로필 페이지: From. 페이지 (/post/{id}/message) 작업: 프로젝트 초기 설정, 노션 페이지 작업, 발표자료 준비 및 발표, 배포
위소현	컴포넌트 : 컬러, 폰트, 버튼, 옵션 및 인풋, 스켈레톤UI 페이지: To. 페이지 (/post) 작업: tailwindcss 초기설정, 추가 요소 디자인, 다크모드 컬러셋 설정, 다크모드 제작, SEO 적용
황휘태	컴포넌트 : 헤더 일괄 페이지: 메인 페이지 (/) 작업: 이모지 라이브러리 활용, 다크모드 적용(localStorage)