This website requires JavaScript.
포트폴리오 대표 이미지
웹 개발끊겨도 스스로 붙는 실시간 좌석 현황판
  • 지역비대면 진행
  • 예산350,000원
  • 기간6일

이미지 2

이미지 4

이미지 6

스터디카페, 공유오피스, 식당처럼 자리 회전이 잦은 매장을 위한 실시간 좌석 현황판입니다. 스태프가 관리자 화면에서 좌석을 클릭하면 입구 모니터에 즉시 반영됩니다. 직접 구현한 부분 - WebSocket 서버를 직접 작성(node:http + ws), 상태를 접속한 모든 화면에 브로드캐스트 - 끊기면 지수 백오프로 재연결 (대기 상한 15초, 성공 시 카운터 초기화) - 접속/재접속마다 서버가 전체 스냅샷을 먼저 보내는 프로토콜로, 화면이 비거나 낡은 상태로 남는 경우를 차단 - 좌석 상태를 색+기호+텍스트 3중 인코딩, 관리자 버튼은 44px 이상 터치 목표 서버를 강제 종료했다 재기동하는 실험에서 재연결과 스냅샷 수신은 의도대로 동작했지만 메모리에만 둔 상태가 초기화되는 한계를 실측으로 확인해, 문서에 명시하고 DB 저장으로 확장할 자리를 남겨둔 기록이 있습니다. Node.js(node:http + ws) / React 19 / TypeScript strict / Vite

MCP LABS
웹 개발
별점
5.0(3)
안녕하세요 대표님! 외주 개발, 연락 두절이나 눈탱이 맞을까 봐 걱정 많으셨죠? 🎁 [숨고 런칭 한정 특전] 제작 전 '디자인 컨셉 시안 4

검색 + 필터 + CSV 업로드까지 DB 리스팅 사이트

0
3

이중 예약을 DB가 막는 예약 접수 시스템

0
1

DB 근거로 확률을 계산하는 AI 에이전트 (MCP 연동)

0
8

아이디어에서 시작한 매칭 플랫폼 (회원 인증 + 매칭 확정)

0
2
  • 검색 + 필터 + CSV 업로드까지 DB 리스팅 사이트

    0
    3
  • 이중 예약을 DB가 막는 예약 접수 시스템

    0
    1
  • DB 근거로 확률을 계산하는 AI 에이전트 (MCP 연동)

    0
    8
  • 아이디어에서 시작한 매칭 플랫폼 (회원 인증 + 매칭 확정)

    0
    2
  • 재고가 음수로 내려가지 않는 소상공인 백오피스

    0
    4
  • 화이트리스트를 눈으로 확인하는 MCP 대시보드 - 사내 DB 연동

    0
    4
  • 원문 근거를 인용하는 AI 문서 질의응답 (RAG)

    0
    14
  • WebSocket 실시간 시세 대시보드 - React 19 + TypeScript

    0
    5
  • 개발자 없이 직접 수정하는 회사 홈페이지

    0
    5
  • 더보기
비슷한 스타일을 찾고 계신가요?의 다른 포트폴리오

디자인 공모전 대응 자동화 ㅡ 공고 수집, AI 분석, 시안 생성 파이프라인

0
7

문의 분류/답변 초안 검토

0
3

유아동 기질검사 자동 채점/결과지

0
6

월별 파일 통합/오류 정리

0
5
  • 디자인 공모전 대응 자동화 ㅡ 공고 수집, AI 분석, 시안 생성 파이프라인

    0
    7
  • 문의 분류/답변 초안 검토

    0
    3
  • 유아동 기질검사 자동 채점/결과지

    0
    6
  • 월별 파일 통합/오류 정리

    0
    5
  • UI포함 복수 전략 백테스팅 봇

    0
    4
  • AI 교육 서비스 웹사이트 + 상담 관리, 방문 분석 관리자 개발

    0
    2
  • 정산서를 거래처별로 나눠 자동 전달

    0
    1
  • LLM이 적용되지 않은 독자 AI 관리 에이전트

    0
    0
  • 엑셀 정리와 보고서를 버튼 한 번으로

    0
    1