Skip to content

saveme-cadet/LMS-Frontend

Repository files navigation

구해줘 카뎃 LMS

html badge css badge JS badge

react badge react badge styled badge

issue issue GitHub commit activity

소개

구해줘 카뎃 사이트

구해줘 카뎃은 체크인과 체크아웃을 진행하며 각자의 학습 시간을 확보하고자 2021년 중순에 만든 동아리입니다. 기존에는 Numbers로 출결을 관리하였지만 반복되는 작업을 자동화함으로써 동아리원의 리소스를 줄이고 스프레드시트의 한계점을 해결하기 위해 구해줘 카뎃 내부에서 팀을 조직해 LMS(Learning Management System)용 웹사이트를 개발하였습니다. 2022년 4월 배포한 후 현재 유지보수 및 기능 추가를 진행하고 있으며 10월에 2차 MVP를 배포하였습니다.

프로젝트 시작방법

npm i && npm run build

페이지 및 기능

로그인

메인화면

  • 가입하지 않은 사용자라면 회원가입을 진행해야 합니다.
  • 정상적으로 ID, 비밀번호를 입력하지 않으면 로그인이 되지 않습니다.
  • 로그인 전 버그 발생시 하단에 있는 버그 버튼을 클릭해 개발진에게 버그 리포팅이 가능합니다.
    • 현재 블랙홀이 남은 or 아웃터인 카뎃만 구해줘 카뎃 시스템을 정상적으로 이용 가능합니다.

회원가입

회원가입

  • 인트라 아이디와 비밀번호를 입력합니다.
    • 비밀번호를 재설정할 때 해당 인트라 닉네임과 연동된 이메일로 전송됩니다.
    • 비밀번호는 길이 8~30자에 영어 대문자, 영어 소문자, 특수문자, 숫자를 포함해야 합니다.

임시 비밀번호 발급하기

임시 비밀번호 발급

  • 기존에 회원가입을 한 카뎃일 경우 가입시 입력한 아이디(42 intra ID)를 입력해야합니다.
  • 정상적으로 아이디를 입력했다면 42 intra에 등록된 이메일로 임시 비밀번호 메일이 발송합니다.

메인 페이지

메인 페이지(출석표)

  • 메인 페이지에서 출결표를 확인할 수 있습니다.
    • 하루를 기준으로 출결 상태를 보여줍니다.
    • 날짜 옆의 아이콘을 눌러서 다른 날짜로 이동할 수 있습니다.

게더, 비밀번호 초기화, 버그 리포트

  • 모든 페이지에서 게더타운, 비밀번호 초기화, 버그리포트 기능을 사용할 수 있습니다. (왼쪽부터 순서대로)

출석표 필터링

출석표 필터링

  • 출석표의 특정 칼럼만 볼 수 있는 필터링입니다.
    • 로그인한 기기에 종속되기에 다른 기기에서 로그인시 새로 설정을 해줘야 합니다.

출결 관리

체크인, 체크아웃 변경

  • 머슴이라면 체크인, 체크아웃 셀을 클릭해서 출결을 변경할 수 있습니다.
  • 이전 달의 정보는 수정할 수 없습니다.
  • 필터 기능으로 원치 않은 정보를 보이지 않게 할 수 있습니다.
  • 팀별로 조회가 가능합니다.

출결 일괄 수정

메인페이지_일괄선택1 메인페이지_일괄선택2

  • 현재 탭(전체, 레드팀, 블루팀) 전체 인원의 체크인, 체크아웃을 한꺼번에 수정할 수 있습니다.
  • 일괄 수정 직전의 데이터를 로컬 스토리지로 저장합니다.
    • 저장한 데이터는 하루가 지나면 삭제됩니다.

출결 일괄 수정 되돌리기

메인페이지_일괄선택되돌리기

  • 로컬 스토리지로 저장중인 데이터로 되돌립니다.

비밀번호 변경

비밀번호 변경

  • 비밀번호를 변경하고 싶을 때 사용할 수 있습니다.
  • 회원가입처럼 비밀번호 변경시 보안을 위해 길이, 대소문자, 특수문자 등 일정 규칙을 만족해야합니다.

할 일 페이지

오늘 할일 페이지

  • 오늘 자신이 할 일을 등록합니다.
  • 완료 처리하거나 삭제할 수 있습니다.
  • 다른 사용자의 할 일을 조회할 수 있습니다.

아오지 탄광

아오지 탄광

  • 평일 체크인 이후, 주말에 보충학습을 진행해서 결석 점수를 감소시킬 수 있습니다.
  • 보충학습 중 창을 닫아도 정보는 저장됩니다.
  • 학습중인 다른 구해줘 카뎃이 누가 있는지 확인할 수 있습니다.
  • 현재 몇번째 학습인지, 학습 기록이 진행중인지를 확인할 수 있습니다.

아오지 로그 수정 아오지 로그 삭제

  • 현재 학습중이지 않는 아오지 로그를 수정, 삭제할 수 있습니다.
    • 출석 점수 로직문제로 학습한 당일 아오지 로그만 수정, 삭제할 수 있습니다.
  • 수정은 24시간을 넘기면 안되고 시작-종료 시간이 역전되지 않는 등 수정 로직이 존재합니다.

머슴 페이지

권한 없는 경우 머슴 페이지

  • 역할이 머슴인 사람만 이 페이지에 접근할 수 있습니다.
  • 사용자의 참여 상태, 팀, 역할, 휴가를 변경할 수 있습니다.

기본적으로 머슴 or 관리자(admin)이 아닐 경우 접근 권한이 없다는 경고 페이지(좌측)를 보여준다.

자기 자신의 역할을 머슴에서 카뎃으로 변경하게 될 경우 그 즉시 로그아웃하게 됩니다. 변경하기 전 다음 주 머슴의 역할을 변경했는지 꼭 확인해주세요.

휴가 변경

일괄 휴가 변경

  • 참여 상태가 ‘참가’인 사용자들의 휴가를 일괄적으로 증가시키거나 감소시킬 수 있습니다.

순위 확인(월렛 보상 대상자)

월렛 보상 대상 목록

  • 이번 달 구해줘 카뎃 참가자들 중 출석 우수자를 조회할 수 있습니다.
    • 출석점수를 비교한 후, 출석점수가 동률이라면 결석점수가 낮은 사람을 우선으로 합니다.
    • 출석점수는 체크인, 체크아웃이 출석인 경우마다 0.5점이 증가합니다.
    • 결석점수는 체크인, 체크아웃이 지각일 경우 0.25점, 결석일 경우 0.5점이 증가합니다. 보충학습으로 결석점수를 차감할 수 있습니다.

달이 바뀌게 될 경우 순위가 초기화 되기에 달이 바뀌기 전 꼭 확인해주세요.

팀 섞기

팀 현황 및 팀원 섞기

  • 참여 상태가 ‘참가’인 사용자들의 팀을 뒤섞을 수 있습니다.

팀을 변경한 후 확인을 누르게 되면 되돌릴 수가 없게 됩니다. 주의해주세요.

머슴 가이드

머슴 가이드

  • 구해줘 카뎃에 참가한 사람 중 머슴이 어떤 역할인지 알려주는 가이드입니다.
    • 현재 관리자가 수정할 수 있는 권한이 없기에 개발진에 문의를 넣어야 함.

참여 여부

참여 여부 설정

  • 참여 여부 변경이 기본 팀은 blue, 역할은 일반으로 설정됩니다.