clauders
공개 채널
🖐️ 공개 자료실 (바이브코딩 자료)
⚒️ 공개 자료실 (외부 자료)
❓공개 질문 & 답변
사례 발표(숙제)
a 자동화 사례
b MVP 만든 사례
7기 전용공간 (7/27부터 진행)
📣공지 (7기)
🙋멤버 자기소개 (7기)
6기 전용공간 (종료)
📣공지 (6기)
📆 스터디 일정 (전체)
🙋멤버 자기소개 (6기)
멤버 전용 공간 (알럼나이)
클로더즈 소개
갤러리
🥳 클로더즈 DEMO NIGHT
'몰아주기' 프로젝트!
소셜 공간 (실험공간)
소셜 캘린더 (aka 밍글링)
Sign In
Home
클로더즈 Clauders
공개 채널
🖐️ 공개 자료실 (바이브코딩 자료)
⚒️ 공개 자료실 (외부 자료)
❓공개 질문 & 답변
사례 발표(숙제)
a 자동화 사례
b MVP 만든 사례
7기 전용공간 (7/27부터 진행)
📣공지 (7기)
🙋멤버 자기소개 (7기)
6기 전용공간 (종료)
📣공지 (6기)
📆 스터디 일정 (전체)
🙋멤버 자기소개 (6기)
멤버 전용 공간 (알럼나이)
클로더즈 소개
갤러리
🥳 클로더즈 DEMO NIGHT
'몰아주기' 프로젝트!
소셜 공간 (실험공간)
소셜 캘린더 (aka 밍글링)
구독
학원 출석 서비스 - 비비
카테고리
Empty
작성자
B
Blue Lime
작성시각
Mar 16, 2026 6:30 PM
상태
발표완
담당자
Empty
참여자
B
최근활동
Mar 16
I. 나의 프로젝트 또는 서비스 이름 (One-liner)
•
이름: 학원 출석 서비스
•
설명: 학원용 자동 출석관리 웹서비스
II. 화면 스크린샷
스샷1
나는 <블라드>라는 학원 명으로 회원 가입을 했어. 그래서 학원명이 왼쪽 상단에 떠.
스샷2
월별 출석부 기능 설명
1.
왼쪽 바
[원생명단추가]는 학생을 출석부에 추가할 수 있고(동명이인은 이름+숫자로 처리),
[출석등록]에서는 오늘 학생의 출석 등록을 직접 이름이나 부여된 번호로 할 수 도 있고,
[주간정리] 에서 버튼을 누르면 결석과 원래 안오는 날을 자동으로 x/-(원래 안오는날) 정리를 해줘.
2.
오른쪽 출석부
•
과거~오늘 은 노란색 표로 표시
•
미래 날짜를 건드릴 수 없음
•
편집버튼으로 학생 삭제 및 고유 번호 4자리 부여 가능(아래사진참고)
•
PDF출력으로 월별 출석부 출력 가능
•
출석/결석/원래 안오는 날은 표에서 해당 칸 클릭만 하면 O→X→-로직으로도 가능.
오늘 현황 페이지 기능 설명
•
왼쪽 온 순서대로 선착순 이름 정렬
•
오른쪽에는 이름 가나다순으로 아직 안온 혹은 미확인된 학생들 이름
마지막으로 아래는 학생용 페이지 (자신만의 번호 4자리를 입력하면 출석 등록돼.)
[후기]
•
나는 supabase 사용했고, vercel 배포했어. 사실 이런 기능이 더 잘 구현되어있는 웹/앱서비스가 있긴한데, 그냥 개인의 사용목적에 따라 만들었어.
배포 했다면 URL 링크:
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 학생 관리 자동 메시지
•
등원시 학부모에게 자동 연락
사실 이제 새로운 프로젝트 지금 이거 처럼 습작 여러개 만들어보고 싶어. 헤헤..
Open channel
Made with Slashpage