24HANE (24 hours are not enough)
42카뎃, 멤버들의 클러스터 출입 누적 시간을 확인할 수 있는 체크인 서비스 24HANE 입니다.
- 클러스터 출입태깅이 잘 됐는지 궁금한가요?
- 클러스터 출입 누적 시간이 궁금한가요?
24HANE 서비스를 이용한다면?
- 클러스터 출입 누적 시간을 오늘 / 월 기준으로 한 눈에 볼 수 있습니다.
- 목표 시간을 설정하여 오늘 / 월의 학습 시간 진척도를 그래프로 볼 수 있습니다.
- 최근 6주간 / 6달간의 학습 시간 진척도를 그래프로 볼 수 있습니다.
- 클러스터에서 학습중인 실시간 인원을 확인할 수 있습니다.
- 자신의 상세한 클러스터 출입 기록을 일별로 확인할 수 있습니다.(누락된 기록까지!)
- 자정 전후로 별도 태깅 없이 학습에만 몰입 할 수 있습니다.
- 카드를 분실한 경우 카드 재발급을 앱에서 신청할 수 있습니다.
![]() |
![]() |
![]() |
앱 실행방법
//의존성 패키지 설정
npm i
//코드를 실행 합니다
npm run dev
환경변수
루트에 .env파일을 만듭니다.
VITE_APP_API_URL=http://localhost:2424 // 백엔드 url 주소
VITE_TOKEN=accessToken // 토큰 이름
기술스택
- Vue.js
- Typescript
- Amazon S3