프로젝트 목록으로
PROJECT / PERSONAL PROJECT

OtaPOS

이벤트를 위한 가벼운 POS 플랫폼

개발 중2026 — NOW개인 개발

OtaPOS는 동인 이벤트·학교 축제 등에서 굿즈를 판매하는 출전자를 위한 웹 기반 POS 서비스입니다. 판매자는 브라우저에서 상품과 재고를 등록하고 판매를 처리하며, 방문자는 웹 카탈로그에서 상품과 재고 현황을 확인할 수 있습니다. 행사 안내용 Board도 함께 개발하고 있습니다.

개발 배경 및 목적

코믹마켓 같은 동인 이벤트에 참가하면서, 많은 사람이 줄을 선 부스에서도 어떤 상품을 파는지, 원하는 상품의 재고가 남아 있는지 확인하기 어려운 경험을 했습니다. 구매할 물건을 미리 SNS에서 조사하는 방문객도 있지만, 처음 오거나 익숙하지 않은 사람은 관심 있는 작품·장르의 부스부터 찾기 어렵습니다. 외국인 방문객과 판매자 사이에 주문 내용을 전달하기 어려운 상황도 고려했습니다. 이런 불편을 줄이기 위해 상품·부스 탐색, 재고 정보 공유, 현장 판매 관리의 흐름을 하나로 연결하고, 향후 다국어 주문 정보 전달까지 확장할 수 있는 OtaPOS를 기획했습니다. 기존 SNS나 판매 도구를 무조건 대체하기보다 행사 현장에서 필요한 정보를 쉽게 주고받는 것이 목표입니다.

사이트로 이동
GALLERY

갤러리

데모 화면 · 모든 데이터는 가상입니다.
카탈로그 · 상품 탐색
카탈로그 · 상품 탐색01 / 05
05 MEDIA
POS / GUIDE / BOARD

서비스 구성

Service/Dash에서 행사와 상품을 관리하고, POS·Board와 Guide가 같은 API를 통해 판매·재고 상태를 사용합니다.

Service / Dash행사·상품 등록 및 설정
POS판매자용 · 판매 처리·재고 관리
BoardPOS 운영 상태에 연결된 현장 안내
Guide방문자용 · 상품 탐색·재고 확인
Spring Boot API인증·판매·재고·행사 정보 처리
PostgreSQL / Supabase상품·판매·재고 데이터 저장

QR 주문서·대기열·위탁 판매 기능은 향후 확장 구상입니다.

01 / OVERVIEW

프로젝트 소개

방문객은 원하는 상품·부스와 재고 정보를 쉽게 찾고, 출전자는 현장 판매 정보를 간편하게 관리할 수 있도록 두 사용자의 흐름을 연결하고자 했습니다.

02 / MY CONTRIBUTION

내가 맡은 일

개인 기획·시스템 설계·프론트엔드·백엔드·배포

01

기획·요구사항 정리와 시스템 구조 설계

02

Next.js 기반 서비스·POS·보드 화면 개발

03

Spring Boot API와 상품·재고·판매 관리 기능 개발

04

Supabase PostgreSQL 연결, Vercel·Render 배포 및 환경 변수 설정

05

인증·CORS 및 배포 후 문제 조사·수정·회귀 확인

03 / PROCESS

배경과 설계

한 행사에서 운영되는 POS·Guide·Board를 분리하고 판매·재고 데이터를 연동하는 구조로 개발하고 있습니다. QR 주문서, 대기열·정리권, 위탁 판매 등은 향후 확장 대상으로 구상하고 있습니다.

구현 과정과 과제

프론트엔드와 API의 상태 동기화, 인증·CORS 설정, 서비스 배포 안정화, 이벤트 중 동시 접속에 대응하는 구조를 검토하고 있습니다.

주요 기능

  • POS: 상품 등록, 판매 처리, 판매 이력과 재고 관리
  • Guide: 방문자용 상품 카탈로그와 재고 상태 확인
  • Board: 현장 안내와 운영 상태 표시
  • 향후 확장 구상: QR 주문서, 대기열·정리권, 위탁 판매
04 / TECH

사용 기술

Next.jsTypeScriptSpring BootPostgreSQLSupabaseVercelRender
05 / DEVELOPMENT

개발 방식

서비스 기획과 요구사항 정의를 직접 수행하고, AI를 코드 작성·구현 보조에 활용했습니다.

프로젝트 목록으로