🪄 간단한 퀴즈를 풀며 어휘력을 늘려가는 서비스 👉 사이트 바로가기
심심할 때, 짧은 시간 동안 재미있게 두뇌를 자극할 수 있는 퀴즈 게임입니다. 🐠
회원, 비회원 모두 퀴즈 풀기 기능을 이용할 수 있어요! 😎
짧은 시간에 많은 단어를 살펴볼 수 있어요! 🙉
해결한 퀴즈의 총 점수를 누적시켜 랭킹 순위권에 도전해보세요! 🥇
나의 랭킹 및 1~3등, 나와 근접한 랭킹의 사용자를 확인할 수 있습니다. 🍀
로그인 여부에 따라 헤더가 달라집니다.
퀴즈 풀기 페이지로 넘어가는 버튼이 있습니다.
랭킹 확인 페이지로 넘어가는 버튼이 있습니다.
자동으로 넘어가는 배너가 존재합니다.
홈은 공통적으로 리다이렉션 되는 페이지 역할을 합니다.
로그인 되어있는 경우
로그인 안되어있는 경우
아이디, 비밀번호, 비밀번호 확인 입력값을 받습니다.
아이디 중복확인을 해야만 회원가입이 가능합니다.
회원가입 조건
아이디 : 5~20자 영문 소문자, 숫자
비밀번호 : 8~20자 영문 대/소문자, 숫자, 특수문자(?!@#$%)
비밀번호 확인 : 위에서 입력한 비밀번호와 같아야 합니다.
회원가입 조건에 맞지 않는 경우, 에러 메세지의 색상이 빨간색으로 바뀌게 됩니다.
회원가입 조건에 맞게 입력해도 아이디 중복확인을 하지 않은 경우, 아이디 중복 확인을 한 후에 다시 회원가입 버튼을 눌러야 합니다.
아이디 중복 확인 했을 경우
아이디 중복 확인 안했을 경우
회원가입 조건에 충족하지 않았을 경우
아이디, 비밀번호 입력값을 받습니다.
회원가입 때 입력한 아이디와 비밀번호로 로그인 가능합니다.
아이디 또는 비밀번호가 일치하지 않거나 정보가 없을 경우, 아이디 또는 비밀번호가 맞지 않습니다. 라는 알림창이 뜹니다.
아이디와 비밀번호 조건에 맞지 않게 입력했거나, 아무것도 입력하지 않고 로그인 버튼을 누르는 경우 각 입력란 아래에 에러문이 뜹니다.
아이디를 입력해주세요. (5~20자의 영문 소문자, 숫자)비밀번호를 입력해주세요. (8~20자의 영문 대/소문자, 숫자, 특수문자)
로그인을 완료했을 시 홈페이지로 넘어갑니다.
올바른 정보를 입력했을 경우
틀리거나 없는 정보를 입력했을 경우
1세트 당 10문제이며, 1문제 당 10점입니다.
진행도를 알려주는 프로그래스 바를 실시간으로 렌더링합니다.
각 문제 당 초성 힌트가 제공됩니다.
input 란에 값을 입력하고 엔터를 누르면 답이 제출되면서 정답/오답 여부를 알려줍니다.
오답일 경우 정답이 무엇인지 알려줍니다.
마지막 문제를 풀고 다음으로 넘어가면 결과 페이지로 이동합니다.
초성 힌트 제공
오답인 경우, 정답 제공
점수 및 문제 정보 표시 : 사용자가 푼 문제의 총 점수와 총 문제 수를 보여줍니다.
총 점수가 나의 랭킹을 산정하는 점수에 영향을 줍니다. (계속 누적됨)
다시하기 버튼을 통해 사용자가 퀴즈를 다시 시작할 수 있도록 합니다.
홈으로 이동 버튼을 통해 사용자가 홈 화면으로 돌아갈 수 있도록 합니다.
랭킹 확인 버튼을 통해 로그인 상태에 따라 랭킹 페이지로 이동하거나, 로그인 페이지로 이동합니다.
퀴즈 제출 후 결과 확인
비밀번호 재설정을 할 수 있는 링크를 제공합니다.
로그인 상태를 확인하여 로그인하지 않은 사용자는 로그인 페이지로 리다이렉트됩니다.
사용자 아이디, 랭킹, 푼 문제 수 등을 렌더링합니다.
마이페이지 (로그인 필수)
마이페이지에서만 이용할 수 있습니다.
즉, 로그인 상태에서만 들어갈 수 있습니다.
현재 비밀번호, 새 비밀번호, 새 비밀번호 확인 입력값을 받습니다.
현재 비밀번호와 새 비밀번호가 같을 경우 "현재 비밀번호와 같은 비밀번호는 사용할 수 없습니다." 와 같은 에러문을 띄웁니다.
설정하려는 새 비밀번호와 새 비밀번호 확인이 같아야 합니다.
모든 입력란이 입력되기 전까지 [비밀번호 재설정] 버튼이 활성화되지 않습니다.
비밀번호 재설정 완료 시 로그인 화면으로 넘어갑니다.
비밀번호 재설정 후 새 비밀번호로 로그인
풀스택 데브코스 2기 team1
