프로젝트 소개

페이지 구성

페이지(경로)	내용
메인(/)	사용자가 처음 진입 했을때, 보여지는 페이지
롤링페이퍼 리스트(/list)	생성된 롤링페이퍼 리스트를 보여주는 페이지
롤링페이퍼 만들기(/post)	새로운 롤링페이퍼를 생성하는 페이지
생성된 롤링페이퍼 메세지 리스트(/post/{id})	생성된 롤링페이퍼의 메세지 리스트를 보여주는 페이지
생성된 롤링페이퍼 메세지 보내기(/post/{id}/message)	생성된 롤링페이퍼에 새로운 메세지를 생성하는 페이지
**메세지 삭제하기 (/post/{id}/edit)	생성된 메세지를 삭제할 수 있게 UI를 제공하는 페이지

기능 요약

기능
1. 롤링페이퍼 관리
1.1. 목록 보여주기
1.2. 생성하기
1.3. 메시지 리스트 관리
1.3.1. 메시지 삭제
1.4. 메시지 보내기
2. 메인 페이지
2.1. 메인 컨텐츠
2.2. 공통 헤더
3. 공유 기능
3.1. 카카오톡 공유
3.2. URL 공유
4. 보완 및 추가기능
4.1. 수정 기능 추가
4.2. 입력 에러처리 UI 추가
4.3. 에러 페이지 및 로딩 페이지 구현
4.4 추가 아이디어 구현

명령어

• npm run start : 서버 실행
• npm run build : 빌드 실행
• npm test : 로컬 테스트 실행

담당자

공통 컴포넌트 담당자

• 정소망
• 박성우

기능 컴포넌트 담당자

• 양정화
• 김용철
• 홍현빈
• 신휘철

기술 스택

• HTML/CSS
• JavaScript
• React
• Git & GitHub
• Styled components
• PropTypes
• Vercel
• Netlify
• Storybook

라이브러리

• Swiper
• axios
• Intersection Observer API
• react-avatar-group
• emoji-picker-react

테스트 서버

• 테스트 서버
• 

배포 서버

• 라이브 서버
• 

프로젝트 화면 구성