HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
♥️
2기 최종 프로젝트 팀별 공간
/
🌳
[팀 05] Forest
/
🗑️
휴지통
/
🚢
(deprecated) FE WorkSpace
/
Feature List

Feature List

요구사항 작성 참고
  • 해당 정보 이슈에 기록하기
🗂️
요구사항 명세

프론트 마일스톤

  • 개발 준비 (~8/28)
    • 기획
    • feature 산출
    • 디자인 도출
  • 1차 스프린트 ( ~8/4)
    • Matt : 공통 컴포넌트, + 라이딩 리스트 디테일
    • Tree : 회원/권한 feature
    • KIKO : 라이딩 개설 form

관련 기능별 feature

공통 컴포넌트 관련 feature (1순위) 3D

  • MUI 기반 활용 가능 컴포넌트 제작
    • custom select, input, textarea 등등…
  • storybook 작성(활용 예제 코드)

라이딩 리스트/디테일 출력 feature (3순위) 3.5D

  • 캐루셀 0.5D
  • 무한 스크롤 module 구현 0.5D
  • 라이딩 리스트 필터링 1D
  • 출력 0.5D
    • 메인 주제별 리스트
    • 디테일 페이지
  • 댓글 UI + CRUD 1D

라이딩 개설 Form (2순위) 5.5D + 지도마커@

  • Form 컨트롤 3D
    • 필요한 라이브러리는 담당하는 사람이 핸들링 + 공부
    • Form UI
    • Home
      Intuitive, feature-complete API providing a seamless experience to developers when building forms. Leverage existing HTML markup and validate your forms with our constraint-based validation API. Package size matters. React Hook Form is a tiny library without any dependencies. Minimizes the number of re-renders, minimizes validate computation, and faster mounting.
      Home
      https://react-hook-form.com/
      Home
      Formik
      Formik comes with battle-tested solutions for input validation, formatting, masking, arrays, and error handling. This means you spend less time writing form code and more time building your next big thing.
      Formik
      https://formik.org/
      Formik
  • Form Validation (3순위) 1D
  • 지도 관련 API
    • 카카오 주소 검색 API (link) 0.5D
    • 카카오 지도 마커 API 미지수
    • 구글 길찾기 API Adv

회원 / 권한 관련 feature (2순위) 2D + Oauth@

  • Navigation (1순위)
  • 라우팅 관련 세팅 (1순위)
  • 회원가입 0.5D
  • 로그인 0.5D
    • 모달 & OATUH 연동(회원미가입시 회원가입으로 redirect)
  • Oauth 관련 처리 미지수
  • acesstoken과 refreshtoken 핸들링 미지수
  • 이미지 등록 / 수정 / 삭제 처리 1D

프로필 / 활동 정보 feature (3순위) 2D

  • 정보 수정 0.5D
    • 프로필 수정
    • 만든 라이딩 정보 수정
  • 나의 활동 정보 보기 0.5D
  • 평가 1D

알림 feature (기타) 1D

  • 알림 관련 컴포넌트

기타

그외

페이지별 feature (depreacated)

1.유저

1.1 캐루셀 구현
1.2 라이딩 리스트 주제별 출력
 

2. 리스트페이지

2.1 라이딩 리스트 무한 스크롤 출력
2.2 필터 기능
 

3. 라이딩 디테일 페이지

3.1.
 

4. 라이딩 개설 페이지

  • form control, form Validation
  • input, DatePicker, select 등등...
  • 코스 설정 기능(추가, 삭제)
  • 주소 검색(Kakao), 지도 api 연동
  • 이미지 핸들링
    • 최소 이미지 validation
    • 이미지 미리보기, 이미지 추가(삭제)
    • adv) 드랍다운, 드래그로 순서 정렬
  • section form 추가 삭제 기능
 

5. 회원가입 페이지

  • 입력 form
    • 라이딩 개설 페이지와 동일한 방식으로 사용자의 기본 정보를 입력
  • OAUTH 연동
    • OAUTH를 통해 프로필 이미지를 가져와 출력
  • 이미지 업로드 기능(프로필 이미지 변경용)
  • footer (기타)