플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - 터치스크린 환경에서 오입력을 방지하는 대형 버튼(최소 64px) 및 충분한 터치 여백 확보 - 현장 네트워크 불안정 상황을 대비한 입력 데이터 로컬 임시 저장 및 재전송 처리 - 거래처·품목이 수백 건 이상일 때 키오스크 화면에서 빠른 검색·필터 응답성 유지 - 관리자 대시보드와 키오스크 화면의 인증 방식 분리 (관리자 JWT vs 키오스크 고정 디바이스 토큰)
프로젝트 성과
터치 전용 입력 플로우 완전 구현
거래처 검색부터 품목 선택·수량 입력·전송 확인까지 마우스 없이 터치만으로 완결되는 5단계 입력 플로우를 단일 SPA로 구현합니다.
관리자 CRM과 키오스크의 통합 아키텍처
현장 키오스크 프론트엔드와 관리자 대시보드가 동일한 백엔드 API를 공유하면서 역할별 접근 권한으로 분리되는 단일 통합 시스템을 설계합니다.
기간·거래처 복합 필터 통계 API
일·주·월 단위 및 거래처·품목 조건을 조합할 수 있는 유연한 집계 API를 PostgreSQL 집계 함수 기반으로 구현하여 다양한 영업 분석 리포트를 지원합니다.
재사용 가능한 터치 컴포넌트 라이브러리
키오스크 환경에 특화된 대형 버튼, 숫자 패드, 카테고리 선택 그리드 등 터치 UI 컴포넌트를 Storybook 없이 프로젝트 내 독립 모듈로 체계화합니다.
핵심 기능
키오스크 터치 입력
현장 작업자가 터치스크린으로 거래처를 선택하고 품목·수량을 입력할 수 있는 대형 버튼 기반 UI를 구현합니다
진행 단계
도메인 분석 및 DB 스키마 설계
2026.04
거래처-품목-입력 이력 관계형 스키마 정의 및 Prisma 모델 구성
프로젝트 상세
1) 포트폴리오 소개 현장 수기 입력을 대체하는 키오스크 터치 UI와 관리자 CRM 대시보드를 통합 구현합니다. 거래처 검색·품목 선택·수량 입력의 전 과정을 터치스크린에 최적화된 UX로 설계하고, 입력 데이터를 실시간 모니터링·분석할 수 있는 관리자 화면을 함께 제공합니다. 2) 작업 범위 - 키오스크 터치 입력: 현장 작업자가 터치스크린으로 거래처를 선택하고 품목·수량을 입력할 수 있는 대형 버튼
