HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
프로그래머스 프론트엔드 데브코스 2기
프로그래머스 프론트엔드 데브코스 2기
/
📓
기동팀
/
💪
기동팀(CheQuiz)
/
🍀
feature 정리
🍀

feature 정리

figzam참고 (이따 삭제 예정)
notion image
notion image

Basic

[ 로그인 / 회원가입 ]
로그인
  • 입력 데이터 : 이메일, 패스워드
회원가입
  • 입력 데이터: 이메일, 닉네임(fullName), 패스워드, 패스워드 확인
폼 input validation
로그인 여부
[ 퀴즈 생성 페이지 ]
  • 퀴즈에 필요한 정보를 Form으로 받을 수 있다.
    • 카테고리, 퀴즈내용, 퀴즈타입, 정답, 정답해설, 중요도, 난이도
  • 퀴즈를 추가하여, 한 번에 여러 개의 퀴즈를 생성할 수 있다.
  • 작성된 퀴즈를 세트화하여, 하나의 퀴즈 세트로 생성할 수 있다.
    • 퀴즈세트는 세트이름, 세트관련 태그를 등록할 수 있다.
  • 기본적인 Validation을 만족한다.
    • 모든 요소 선택 시 제출 가능
[ 메인 리스트 페이지 ]
[ 퀴즈 풀이 페이지 ]
[ 퀴즈 결과 페이지 ]
[ 유저 정보 페이지 ]
  • 사용자의 기본 정보를 확인할 수 있다.
    • 닉네임, 경험치
  • 사용자의 경험치에 따라 다른 이미지와 뱃지를 볼 수 있다.
    • 메이플 몬스터 api 사용
  • 사용자의 활동 내역을 볼 수 있다.
    • 작성한 퀴즈, 작성한 댓글, 좋아요 한 문제
  • 닉네임과 비밀번호를 변경할 수 있다.
  • 퀴즈를 수정, 삭제할 수 있다.
[ 랭킹 페이지 ]
[ 알림 ]
[ 댓글 ]
[ 기타 ]

Advance

[ 로그인 / 회원가입 ]
로그인 / 회원가입 성공 여부 토스트
[ 퀴즈 생성 페이지 ]
  • 정답 유형의 다양화
    • 객관식, 단답식으로 정답을 제출할 수 있다.
  • 퀴즈 설명의 다양화
    • 코드블럭을 문제/답변에 사용할 수 있다.
    • 이미지를 통해 문제를 부연설명할 수 있다.
  • 기타
    • 타이머를 통해, 문제풀이의 제한 시간을 지정할 수 있다.
[ 메인 리스트 페이지 ]
[ 퀴즈 풀이 페이지 ]
[ 퀴즈 결과 페이지 ]
[ 유저 정보 페이지 ]
  • 뱃지 선택 기능 추가
    • 사용자가 보여주기를 원하는 뱃지를 고를 수 있다.
  • 레벨 시스템 개선
    • 레벨이 높아질 수록 레벨업 시 필요한 경험치를 늘린다.
  • 사용자 이미지 개선
    • 몬스터 대신 사람 이미지로 변경한다
      • 관련 sprite 만들기 또는 maplestory.io api 사용
  • 로딩 대비 로직 추가
    • 스켈레톤을 구현하거나, lottie를 이용한 애니메이션을 추가한다.
[ 랭킹 페이지 ]
[ 알림 및 댓글 ]
[ 기타 ]