포트폴리오 목록
전자 기부약정서
웹사이트
대학 발전기금 약정 정보를 태블릿에서 입력하고 전자서명, PDF 생성, 관리자 조회·다운로드로 이어지는 전자약정 PWA입니다. 서비스 워커와 앱 매니페스트를 포함해 현장 접수 환경을 고려한 오프라인 친화적 흐름을 구성했습니다.
프로젝트 소개
태블릿에서 약정 정보를 입력하고 전자서명, PDF 생성, 관리자 다운로드까지 수행하는 전자약정 PWA 데모입니다. 분산된 데이터와 반복 업무를 한 화면에 모아 담당자가 상태를 빠르게 판단하고 후속 작업까지 이어갈 수 있도록 하는 것이 목표였습니다.
대학 발전기금 약정 정보를 태블릿에서 입력하고 전자서명, PDF 생성, 관리자 조회·다운로드로 이어지는 전자약정 PWA입니다. 서비스 워커와 앱 매니페스트를 포함해 현장 접수 환경을 고려한 오프라인 친화적 흐름을 구성했습니다.
주요 기능
- 전자서명·문서 발행 — 입력 결과를 전자서명, PDF, 결과지 등 실제 업무 문서 형태로 생성하고 확인할 수 있습니다.
- 폐쇄망·오프라인 운영 — 외부 연결이 제한되거나 불안정한 환경에서도 핵심 화면과 작업 흐름을 유지하도록 구성했습니다.
- 신청·예약·주문 흐름 — 사용자 입력부터 신청·예약·주문 또는 접수, 상태 확인까지 핵심 전환 흐름을 끊김 없이 연결했습니다.
- 파일 내보내기 — 조회·분석 결과를 CSV, 엑셀, 다운로드 또는 인쇄 형식으로 내보내 후속 업무에 활용할 수 있습니다.
- 관리자·CMS 운영 — 관리자 화면에서 콘텐츠, 사용자, 요청과 노출 상태를 관리하고 공개 화면 반영 흐름을 확인할 수 있습니다.
기술 스택
HTML/CSS, Vanilla JavaScriptService Worker, Web App Manifest 기반 PWA전자서명 Canvas, PDF 생성·관리자 다운로드 흐름
