Git Product home page Git Product logo

leets-login-spring's Introduction

🥸 Leets 로그인

미션 요구사항


  • 동아리원들이 로그인하여 스스로 출석할 수 있습니다

로그인

  • 아이디와 비밀번호를 입력 받습니다.
  • 아이디/비밀번호가 일치하지 않는 경우 각각 따로 불일치 문구를 표시합니다.
  • 아이디/비밀번호가 일치하는 경우 출석하기 버튼이 있는 페이지로 이동합니다.
  • 아이디가 없는 경우, 회원 가입을 진행합니다.

회원가입

  • 이름을 입력 받습니다.
  • 파트를 입력 받습니다.
  • 아이디 중복확인을 진행합니다.
  • 비밀번호 확인 입력이 필요합니다.
  • 비밀번호 입력란과 비밀번호 확인 입력란이 일치하며, 아이디가 중복되지 않은 경우에만 회원가입을 진행할 수 있습니다.
  • 회원가입이 성공하면 다시 로그인 화면으로 이동합니다.

출석하기

  • 출석하기 버튼을 클릭하면 자신의 출석 로그 페이지로 이동합니다
  • 사용자의 이름과 오늘의 날짜가 떠야 합니다.
  • 출석하기 버튼이 있어야 합니다.
  • 출석하기 버튼을 누르면 출석 로그 페이지가 떠야 합니다.

출석로그

  • 출석 로그 페이지에는 자신의 총 출석 횟수가 나타납니다.
  • 전체 동아리 진행 주차 중, 오늘이 해당하는 주차의 출석이 완료 되어 있어야 합니다.
  • 로그아웃 버튼을 클릭하면 로그아웃이 되며, 로그인 하기 페이지로 이동해야 합니다.

기능 요구사항


예시 페이지

Screenshot 2024-05-02 at 6 31 29 PM

API 명세서

POST /users/register - 회원가입

POST /users/login - 로그인

GET /users/check-duplicate-id - id 중복 확인

PATCH /attendances - 출석( 결석 )

GET /attendances - 출석 정보 모두 조회

GET /attendances/rates - 출석률 조회

요구 페이지


  • 로그인 페이지

    아이디와 비밀번호를 입력 받습니다 일치하지 않는 경우 따로 불일치 문구를 표시합니다 일치하는 경우 출석하기 버튼이 있는 페이지로 이동합니다

  • 회원가입 페이지

    아이디 중복 확인을 합니다 비밀번호를 확인합니다

  • 출석 페이지

    로그인 성공 이후의 페이지입니다 로그인한 유저의 이름과 파트가 화면에 뜹니다 오늘의 날짜가 화면에 뜹니다 출석하기 버튼이 렌더링 됩니다

  • 출석 로그 페이지

    출석하기 버튼을 클릭하면 넘어옵니다 사용자의 출석이 완료 됨을 알립니다 출석 현황이 렌더링됩니다 출석률이 계산되어 렌더링됩니다

요구 기능


Back End

  • 회원가입
    • 아이디 중복 확인
    • 비밀번호 일치 확인
  • 로그인
    • 로그인 성공 여부 판단
  • 출석로그
    • 출석 정보 기록
    • 출석률 계산

Front End ( 참고 )

  • 회원가입
    • 유효성 검사
    • 중복된 아이디 시, 사용자에게 표시
  • 로그인
    • 로그인 실패 시, 실패 원인 사용자에게 표시
  • 출석하기
    • 이번 주차 출석하기
  • 출석로그
    • 출석 기록 표시

프로그래밍 요구사항


Back End

  • Spring을 통해 서비스
  • JWT를 사용해 로그인 기능 구현
  • FE에서 사용할 api 제작
  • 예외 처리를 해야 합니다
  • 모든 정보 저장 및 계산
  • 상황에 맞는 에러 메세지를 반환

leets-login-spring's People

Contributors

taeseokyang avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.