


스터디카페, 공유오피스, 식당처럼 자리 회전이 잦은 매장을 위한 실시간 좌석 현황판입니다. 스태프가 관리자 화면에서 좌석을 클릭하면 입구 모니터에 즉시 반영됩니다. 직접 구현한 부분 - WebSocket 서버를 직접 작성(node:http + ws), 상태를 접속한 모든 화면에 브로드캐스트 - 끊기면 지수 백오프로 재연결 (대기 상한 15초, 성공 시 카운터 초기화) - 접속/재접속마다 서버가 전체 스냅샷을 먼저 보내는 프로토콜로, 화면이 비거나 낡은 상태로 남는 경우를 차단 - 좌석 상태를 색+기호+텍스트 3중 인코딩, 관리자 버튼은 44px 이상 터치 목표 서버를 강제 종료했다 재기동하는 실험에서 재연결과 스냅샷 수신은 의도대로 동작했지만 메모리에만 둔 상태가 초기화되는 한계를 실측으로 확인해, 문서에 명시하고 DB 저장으로 확장할 자리를 남겨둔 기록이 있습니다. Node.js(node:http + ws) / React 19 / TypeScript strict / Vite
MCP LABS
웹 개발
검색 + 필터 + CSV 업로드까지 DB 리스팅 사이트
03이중 예약을 DB가 막는 예약 접수 시스템
01DB 근거로 확률을 계산하는 AI 에이전트 (MCP 연동)
08아이디어에서 시작한 매칭 플랫폼 (회원 인증 + 매칭 확정)
02재고가 음수로 내려가지 않는 소상공인 백오피스
04화이트리스트를 눈으로 확인하는 MCP 대시보드 - 사내 DB 연동
04원문 근거를 인용하는 AI 문서 질의응답 (RAG)
014WebSocket 실시간 시세 대시보드 - React 19 + TypeScript
05개발자 없이 직접 수정하는 회사 홈페이지
05- 더보기
디자인 공모전 대응 자동화 ㅡ 공고 수집, AI 분석, 시안 생성 파이프라인
07문의 분류/답변 초안 검토
03유아동 기질검사 자동 채점/결과지
06월별 파일 통합/오류 정리
05UI포함 복수 전략 백테스팅 봇
04AI 교육 서비스 웹사이트 + 상담 관리, 방문 분석 관리자 개발
02정산서를 거래처별로 나눠 자동 전달
01LLM이 적용되지 않은 독자 AI 관리 에이전트
00엑셀 정리와 보고서를 버튼 한 번으로
01

















