HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🧚
[1기]최종 프로젝트 데브코스
/
🍒
[팀10] CherryBoys❤️
/
🖌️
프론트
/
컴포넌트 분배(12/3)

컴포넌트 분배(12/3)

Status
개인 노트
Assign

공통 컴포넌트 분배

  • 헤더 : 용스톤
  • 하단바 : 용스톤
  • 무한 스크롤 : 쭝
  • 카드뷰: Cherry (상)
  • 모달 : Cherry (상)
  • 체리 의견: 버튼 정도는 공통으로 만들어도 상관없을것 같다는 생각이 듭니다! 크기가 다 똑같고 텍스트와 onClick 이벤트, background-color 정도만 다른것 같아서 만들어두면 편하게 사용할 수 있을것 같습니다! → css 적용은 스타일드컴포넌트로 사용해야할까요??? ⇒ css적용은 scss.module로 합니다.

Team 쭝스톤(용병 매칭)

  • 리스트 페이지 : 쭝
    • 리스트 카드(6개 정보)
    • 필터
    • 무한스크롤
  • 상세페이지 : 용스톤
    • 매칭 정보 카드(날짜, 장소, 종목...)
    • 팀 정보 카드
    • 참여팀원 카드
    • 상세보기(+수정, 삭제)

Team 시리

공통

  • 최근 경기와 최근 경기 더보기와 경기 이력 상세보기
    • 매칭카드, 분류 로직
notion image
notion image
notion image

체리

  • 공통
  • 팀 리스트 카드와 용병 리스트 카드
    • 리스트
notion image
notion image
  • 용병 신청 페이지
    • 용병 리스트 카드
  • 팀 초대 페이지
    • 팀 리스트 카드
  • 개인 화면 페이지
    • 개인 정보 카드
    • 소속팀 카드
    • 최근 경기 카드
      • 최근 경기 더보기 버튼
    • 팀 초대 기록 버튼 (to 팀 초대 리스트)
    • 용병 신청 기록 버튼 (to 용병 신청 리스트)
  • 최근 경기 페이지 (더보기)
    • 최근 경기 카드
  • 회원가입 페이지
    • 사용자명 인풋
    • 이메일 인풋
      • 이메일 검증 버튼
    • 비밀번호 인풋
    • 비밀번호 확인 인풋
    • 성별 드랍 박스
    • 연령대 드랍 박스
    • 종목 드랍 박스
    • 회원 가입 버튼
  • 로그인 페이지
    • 이메일 인풋
    • 비밀번호 인풋
    • 로그인 버튼

시즈

  • 공통
    • CustomInput 만들기
      • 토글 & 기본 input이 가능 :)
  • 팀 페이지 뷰 페이지
    • 팀 주요정보(총 경기 수, 매너온도, 운영진, 연령대, 주요종목)
    • 팀 기본정보 ( 로고, 팀명, 세부설명, 태그 )
    • 팀원 정보
    • 최근 경기 ⇒ 별도의 API 콜이 필요 *
    • 팀 탈퇴 또는 해제하기
  • 팀원 더보기
    • 팀원/용병정보 분리해서 View 제공
      • status를 가지고 렌더를 해줘야한다.
    • 팀원 정보 수정
      • 방출
      • 위임
    • 팀원 초대
      • 이메일을 통해서 유저 초대