🧑🏻‍💻 발표 내용 준비

1. 프로젝트 개요

   • 주제 및 선정 배경(선정한 이유)

     • 주제 : 롤링

     • 선정 배경 :

       친숙한 롤링페이퍼 주제를 통해 사용자 중심의 커뮤니티 기능을 구현하고, 다양한 UI 요소와 CRUD 기능을 직접 경험할 수 있을 것 같아 선정 & ‘롤링페이퍼’라는 감성적인 주제를 통해 팀원들과의 유대감 형성 및 따뜻한 마무리를 하고 싶었음

       1. 친숙한 상황을 바탕으로 실제 사용자 시나리오에 기반한 사용자 중심의 기능 설계를 경험해볼 수 있는 기회
       2. 단순한 CRUD 구현을 넘어 이모지 반응, 모달, 토스트, 텍스트 에디터 등 실무에서 자주 쓰이는 UI/UX 요소를 포함하고 있어, 다양한 기술을 실습해볼 수 있는 기회
       3. 페이지 단위의 명확한 분업이 가능하여 팀원 간 역할을 효율적으로 나누어 협업이 가능
       4. ‘롤링페이퍼’라는 감성적인 주제를 통해 팀원들과의 유대감 형성 및 따뜻한 마무리를 하고 싶었음

   • 프로젝트 내용 ( 서비스 소개, 컨셉 소개 )

     • 전통적인 롤링페이퍼 문화를 웹으로 구현한 커뮤니티형 플랫폼

   • 개발 환경

     • 기술 스택 : React, Vite, TailwindCSS, Netlify
     • 사용 라이브러리 :
       • UI : TailwindCSS, Headless UI(드롭다운)
       • 메시지 작성 : Tiptap 에디터, Radix Icons(아이콘)
       • 기타 기능 관련 : react-router-dom(라우팅), axios(API 통신), dotenv(환경 변수 관리), Emoji Picker(이모지), (디바운스)
     • 협업 툴 : Notion, Figma, Github Organization

   • 프로젝트 구조

     📂 src
      ┣ 📂 components
      ┣ 📂 pages
      ┣ 📂 hooks
      ┣ 📂 store
      ┣ 📂 utils
      ┗ main.jsx
     

2. 프로젝트 팀 구성 및 역할

   • 컴포넌트와 페이지를 나누어 역할 분배

   권민영	/ 롤링페이퍼 목록 페이지, Button, Modal, Toast 컴포넌트, 메인페이지,
   노서연	/ Card, CardList 컴포넌트, 롤링페이퍼 페이지, 롤링페이퍼 수정페이지,
   송용훈	/ Color, Font
   이연수	/ 롤링페이퍼에 메시지 보내기 페이지, TextField(dropdown, input) 컴포넌트, 메타데이터 관리
   정상인	/ 롤링페이퍼 만들기 페이지, Header, badge 컴포넌트, axios 설정, Router 설정

3. 프로젝트 수행 절차 및 방법

   • 프로젝트 사전 기획과 프로젝트 수행 완료 과정을 도식화 ← 타임라인 생각 중
     • 프로젝트 사전 기획 - 역할 분배, 컨벤션 정하기, 사용 기술 스택 논의
     • 프로젝트 수행
       • 매일 데일리스크럼 & 코어타임 ⇒ 진행상황 및 의견 공유
       • GitHub Projects / Issues로 할 일 관리
       • 개발 → 테스트 → PR → 피드백 → 반영
       • 프로젝트 배포 & QA
   • 트러블 슈팅 & 차별점
     • 각자 겪었던 문제들 & 해결 방법
     • 디스코드 스레드에 하나씩 작성

4. 프로젝트 수행 결과

   • 시연 영상 또는 실제 시연

5. 팀 자체 평가 의견

   • 아쉬운점
   • 잘한점
   • 느낀점

6. QnA