DX · 디지털 전환현장 사용
출결 기록
교육생이 직접 남기고, 운영자는 확인만.
교육 운영 매니저로 일하며 제일 처음 만든 프로그램입니다. 수기 출석부를 디지털 입·퇴실 기록으로 바꿨습니다. 실제 명단과 기록에는 교육생 개인정보가 담겨 있어, 이 페이지에서는 화면 구성과 흐름만 가상 데이터로 보여드립니다.
왜 만들었나요?
불편했던 점
수기 출석부를 작성하고, 증빙이 필요할 때마다 출석부를 스캔한 뒤 개인정보를 가려서 보내는 일이 번거로웠습니다.
바꾸려 한 방식
교육생이 자기 휴대폰으로 직접 기록하고, 운영자는 시트에서 판정과 정정 요청을 확인하며, 증빙이 필요하면 바로 내려받아 보내도록 흐름을 바꿨습니다.
무엇을 하나요?
- 증빙 내려받기
- 증빙용 기록이 필요할 때 바로 PNG나 PDF로 내려받아 보냅니다. 출석부를 스캔하고 가리는 과정이 사라졌습니다.
- 화면
- GitHub Pages에 올린 단일 HTML 페이지 · 모바일 우선 · 바닐라 JavaScript
- 저장과 판정
- Google 스프레드시트와 Apps Script 웹 앱. 명단·판정 규칙·정정 요청을 시트에서 관리합니다.
만든 도구: Google 시트 · Apps Script · GitHub Pages
화면과 데이터의 구성
- 01 · 본인 확인
이름 + 전화번호 뒤 4자리 + 오늘의 코드
로그인 없이도 명단과 대조할 수 있게 했습니다. 매일 바뀌는 코드로 교육장 밖에서의 대리 기록을 줄입니다.
- 02 · 기록
입실 · 외출 · 복귀 · 퇴실
순서에 맞는 버튼만 기록되고, 시각은 휴대폰이 아닌 서버 기준입니다. 실제 페이지는 위치 확인(GPS)도 함께 거칩니다.
- 03 · 내 기록과 정정
오늘 기록 · 최근 이력 · 정정 요청
교육생이 자기 판정을 바로 보고, 잘못된 기록은 사유를 적어 요청합니다. 운영자의 답변도 같은 화면에서 확인합니다.
체험판
실제 페이지의 흐름을 브라우저 안에서만 재현했습니다. 지각 판정(09:10 이후 입실)은 설명용 예시 규칙입니다.
체험용 명단: 김예시 / 0000, 이샘플 / 1111 · 오늘의 코드 2026. 모든 데이터는 가상이며 저장·전송하지 않고, 위치 확인도 하지 않습니다.
1 · 본인 확인
2 · 기록하기
지금 가능한 기록: 입실
개인정보를 다루는 원칙
- 본인 확인에는 이름과 전화번호 뒤 4자리만 사용하고, 전체 번호는 받지 않습니다.
- 포트폴리오에는 실제 교육생 명단, 기록, 교육기관 정보, 서버 주소를 싣지 않습니다.
- 이 체험판의 이름과 번호는 가상이며, 입력값은 저장하거나 전송하지 않습니다.
돌아보며
좋았던 점
- 출결 정정과 외출 기록이 한곳에서 되고, 증빙이 필요할 때 PNG나 PDF로 바로 내려받아 보낼 수 있어서 좋았습니다.
- 처음 만든 이 도구에서 ‘반복되는 현장 업무는 직접 바꿀 수 있다’는 감각을 얻었고, 이후 Instructor Hub와 업무 포털로 이어졌습니다.
아쉬웠던 점과 배운 것
- 교육생들이 생각만큼 잘 사용하지 않아 고민했습니다. 만들 수 있는 것과 사람들이 계속 쓰는 것 사이에 거리가 있다는 것을 처음 느낀 도구입니다.