logologo
#WEB
#반응형
#UI/UX
#관리자페이지
#Next.js
보라티알
보라티알
portfolio-top-image/file/2025_05_12/1747036590744_보라티알-1.webp
제작 연도2024
제작 기간1개월
사용 기술Next.js, TypeScript
ABOUT보라티알의 PDF 마스킹 솔루션을 기획 및 개발하여 AWS 서버 환경에서 구축하고, 도메인 연결 및 주요 기능을 구현하였습니다. PDF 내 텍스트 인식 및 마스킹, 다운로드, 생성 내역 관리 등 핵심 기능을 개발했으며, UX/UI 설계부터 QA까지 전 과정을 담당하였습니다. 추가 기능으로 PDF 확대, 드래그 마스킹, 파일명 변환 기능을 구현하여 사용자 편의성을 강화했습니다.
고객 요구사항수입신고필증 내 민감정보 자동 마스킹 시스템 구축 - 수작업으로 처리하던 개인정보 및 민감정보(이름, 전화번호, 사업자정보 등)의 자동 마스킹 솔루션 도입 요청 업무 효율 및 보안 수준 동시 향상 - 사람이 직접 모든 항목을 확인하고 지우는 기존 방식에서 발생하는 시간 낭비와 정보 유출 위험을 최소화 자동화와 수동 검수의 조화 - 시스템이 자동 탐지한 정보를 바탕으로 반자동 및 수동 마스킹도 가능해야 하며, 담당자가 직접 검토하고 수정할 수 있는 인터페이스 필요
작업 내역PDF 문서 내 텍스트 탐지 및 자동 마스킹 시스템 개발 - 수입신고필증에 포함된 다양한 레이아웃과 폰트 환경에 대응 가능한 텍스트 인식 로직 구현 - 개인정보(이름, 연락처, 사업자 번호 등) 패턴 기반 탐지 및 블라인드 처리 기능 개발 유연한 마스킹 방식 제공 (자동 / 반자동 / 수동) - 자동 마스킹 결과를 화면에서 바로 확인하고, 필요 시 담당자가 직접 수정 가능한 UI 제공 - 선택 마스킹, 해제, 재처리 등 사용자 제어 기능 포함 사용자 중심의 인터페이스 설계 및 구현 - PDF 문서 내 텍스트 블록별로 탐지 결과를 시각화 - 검수 담당자가 클릭 한 번으로 마스킹/해제할 수 있는 직관적인 조작 환경 제공 보안 및 파일 관리 고려 - 처리 전·후 PDF 파일의 안전한 저장 및 다운로드 시스템 구현 - 민감정보가 외부에 노출되지 않도록 로컬/사내 전용 환경 기반 솔루션 제공 또는 적용 가능 구조 설계
OUTPUT
portfolio-image/file/2024_12_31/1735623464085_image 35.jpg
wave-imagewave-image
Contact US
프로젝트 시작을 고민중 이신가요?
데브파이브와 함께 당신의 프로젝트를 완벽하게 시작해보세요.
/images/main/contact_us/guide-icon.webp
가이드 라인처음 프로젝트를 준비 중이신가요? 데브파이브의 가이드를 참고해 개발 프로세스부터 기술 스택까지 한눈에 파악해보세요.
/images/main/contact_us/inquiry-icon.webp
견적 및 문의빠르고 쉬운 견적으로 데브파이브와 함께 프로젝트를 시작해보세요.
instagramthreadsfacebookx