# 학원 출석 서비스 - 비비

## I. 나의 프로젝트 또는 서비스 이름 (One-liner)

- 이름: 학원 출석 서비스

- 설명: 학원용 자동 출석관리 웹서비스

## II. 화면 스크린샷 

스샷1

나는 <블라드>라는 학원 명으로 회원 가입을 했어. 그래서 학원명이 왼쪽 상단에 떠. 

![Image](https://upload.cafenono.com/image/slashpagePost/20260316/214949_94dVITLv0d7yB3Ro1s?q=80&s=1280x180&t=outside&f=webp)

스샷2 

월별 출석부 기능 설명

1. 왼쪽 바

[원생명단추가]는 학생을 출석부에 추가할 수 있고(동명이인은 이름+숫자로 처리), 

[출석등록]에서는 오늘 학생의 출석 등록을 직접 이름이나 부여된 번호로 할 수 도 있고, 

[주간정리] 에서 버튼을 누르면 결석과 원래 안오는 날을 자동으로 x/-(원래 안오는날) 정리를 해줘.  

1. 오른쪽 출석부

- 과거~오늘 은 노란색 표로 표시

- 미래 날짜를 건드릴 수 없음

- 편집버튼으로 학생 삭제 및 고유 번호 4자리 부여 가능(아래사진참고)

- PDF출력으로 월별 출석부 출력 가능

- 출석/결석/원래 안오는 날은 표에서 해당 칸 클릭만 하면 O→X→-로직으로도 가능.

![Image](https://upload.cafenono.com/image/slashpagePost/20260316/214930_3ZthBFfUqpjAEfELco?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20260316/210935_1TtcyoaUHnomEfW8cB?q=80&s=1280x180&t=outside&f=webp)

오늘 현황 페이지 기능 설명

![Image](https://upload.cafenono.com/image/slashpagePost/20260316/221359_SqCUwdOBPzoboHDELb?q=80&s=1280x180&t=outside&f=webp)

- 왼쪽 온 순서대로 선착순 이름 정렬 

- 오른쪽에는 이름 가나다순으로 아직 안온 혹은 미확인된 학생들 이름 

마지막으로 아래는 학생용 페이지 (자신만의 번호 4자리를 입력하면 출석 등록돼.)

![Image](https://upload.cafenono.com/image/slashpagePost/20260316/215000_CCQomSLzZdb2BSwCxg?q=80&s=1280x180&t=outside&f=webp)

[후기]

- 나는 supabase 사용했고, vercel 배포했어. 사실 이런 기능이 더 잘 구현되어있는 웹/앱서비스가 있긴한데, 그냥 개인의 사용목적에 따라 만들었어. 

배포 했다면 URL 링크: 

[https://attendance-app-alpha-three.vercel.app/signup](https://attendance-app-alpha-three.vercel.app/signup)

## III. 이 서비스를 사용하는 사람은 누군가? (Audience)

- 학원-학생

### _(어떤 문제를 해결하는 서비스 (Problem/Solution) or 이 프로젝트를 만들게 된 배경 설명)_

## IV. Problem (문제점)  어떤 문제가 있었나?

- 출결 수기 관리

- 

## V. Solution (해결책)  무엇을 만들었는지 

- 출석부 자동관리 

- 

## VI. 만든 사람 / 개인 (또는 팀원)

- 비비

## VII. (Optional) 내가 참고한 사이트 (레퍼런스)

- 

- 

- 

## VIII. (Optional) 앞으로  추가 하고 싶은 기능 등 (What's Next?)

- 자동학원비 결제 

- 1:1 학생 관리 자동 메시지

- 등원시 학부모에게 자동 연락 

사실  이제 새로운 프로젝트 지금 이거 처럼 습작 여러개 만들어보고 싶어. 헤헤..

For the site tree, see the [root Markdown](https://slashpage.com/clauders.md).