0. Getting Started (시작하기)

$ npm run start

서비스 링크

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

• 프로젝트 이름: 롤링
• 프로젝트 설명: 전통적인 롤링페이퍼 문화를 웹으로 구현한 커뮤니티형 플랫폼

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

윤혜림	박인건	박상석	정혜연	강동우
팀장	팀원	팀원	팀원	팀원
GitHub	GitHub	GitHub	GitHub	GitHub

3. Key Features (주요 기능)

• 롤링 페이퍼:

  • 나만의 롤링 페이퍼를 만들고, 누군가 나에게 남기는 메세지를 받을 수 있어요.

• 메세지 보내기:

  • 내가 원하는 사람에게 메세지를 보내기가 가능합니다.

• 인기 롤링 페이퍼:

  • 상대방에 대한 내 기분을 이모지로 표현 할 수 있어요.

4. Technology Stack (기술 스택)

4.1 Language

HTML5
CSS3
Javascript

4.2 Frontend

React		18.3.1
StyledComponents		6.1.13

4.3 Release

Vercel		39.2.2

4.4 Cooperation

Git
Git Kraken
Notion

6. Project Structure (프로젝트 구조)

project/
├── public/
│   ├── meta/                 # 메타 태그와 파비콘 관련 파일 모음
│   └── index.html           # HTML 템플릿 파일
├── src/
│   ├── assets/              # 이미지, 폰트 등 정적 파일
│   ├── components/          # 재사용 가능한 UI 컴포넌트 및 페이지 작업 컴포넌트
│   ├── constant/            # 공통적으로 사용하는 상수 모음
│   ├── hooks/               # 커스텀 훅 모음
│   ├── pages/               # 각 페이지별 컴포넌트
│   ├── services/            # API
│   ├── styles/              # Global Reset Styled
│   ├── utils/               # 페이지네이션, 유효성 검사 등
│   ├── App.js               # 메인 애플리케이션 컴포넌트
│   ├── index.js             # 엔트리 포인트 파일
│   package-lock.json        # 정확한 종속성 버전이 기록된 파일로, 일관된 빌드를 보장
│   package.json             # 프로젝트 종속성 및 스크립트 정의
├── .gitignore               # Git 무시 파일 목록
└── README.md                # 프로젝트 개요 및 사용법