불러오는 중…
이런 게 답답해서 만들었어요
교육이나 연수를 진행하면 꼭 종이 서명부를 돌립니다. 참석자가 수십 명이면 종이 한 장이 강의장을 한 바퀴 도는 데 한참 걸리고, 끝나고 나면 "누가 아직 서명 안 했지?"를 눈으로 일일이 대조해야 해요. 그 종이를 다시 엑셀로 옮기는 것도 일이고요.
그래서 만들었습니다. 체크사인 — 참석자가 폰이나 태블릿으로 서명하면, 누가 왔고 누가 안 왔는지 실시간으로 보이고, 출석부 엑셀이 바로 나오는 앱입니다.
할 수 있는 것
· 서명 받는 방법 2가지 — 키오스크 모드(태블릿·노트북 한 대를 돌려가며 서명, 인터넷 없어도 됨) / QR 모드(화면에 QR 띄우면 참석자가 각자 자기 폰으로 스캔해서 서명 → 담당자 화면에 실시간 접수)
· 명단 엑셀 업로드 — 부서·이름 2열짜리 엑셀만 올리면 참석 대상자 명단 등록 끝
· 출석 현황 실시간 — 서명 n/N명 진행률 바, 부서별 미서명자 목록, 명단에 없는 서명 분리 표시
· 출석부 엑셀 다운로드 — 부서·이름·서명 여부·시각까지 정리된 파일이 버튼 하나로
만들면서 제일 재밌었던 부분
서버가 없습니다. 회원가입도, 데이터베이스도 없어요. 데이터는 담당자 기기 브라우저(localStorage)에만 저장되고, QR 서명은 참석자 폰과 담당자 기기가 WebRTC로 직접(P2P) 연결돼서 전송됩니다. 덕분에 서버비 0원, 개인 서명 데이터가 외부 서버에 쌓이지도 않습니다.
물론 트레이드오프도 있어요. 담당자 브라우저를 닫으면 QR 접수가 멈추고, 브라우저 캐시를 지우면 데이터가 날아갑니다. 그래서 "연수 끝나면 무조건 엑셀부터 다운로드"가 규칙입니다.
바이브코딩으로 만들었고, 순수 HTML + JS 파일 몇 개가 전부라 Vercel에 그대로 올렸습니다.
사용설명서도 안에 들어 있어요
비개발자 담당자가 바로 쓸 수 있게 8개 섹션짜리 사용설명서를 앱 안에 내장했습니다. 초기 설정부터 연수 만들기, 명단 등록, 서명 받기, 출석부 뽑기, FAQ까지 — 앱 첫 화면과 관리자 화면의 "설명서" 버튼으로 언제든 열 수 있고, A4 인쇄에도 최적화해서 담당자한테 종이로 건네줘도 됩니다.
써보기
앱: https://checksign-esign.vercel.app
사용설명서: https://checksign-esign.vercel.app/manual
설치 없이 링크 열면 바로 시작됩니다. 기관명이랑 PIN 4자리만 정하면 끝이에요. 교육·연수·행사에서 출석 서명 받을 일 있으면 한번 써보시고, 피드백 주시면 반영해 볼게요. (아래 스크린샷은 데모 데이터입니다)
댓글
0