[{"data":1,"prerenderedAt":148},["ShallowReactive",2],{"blog-oge-party-realtime-matching":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"category":11,"tags":12,"thumbnail":18,"author":19,"body":20,"_type":142,"_id":143,"_source":144,"_file":145,"_stem":146,"_extension":147},"\u002Fblog\u002Foge-party-realtime-matching","blog",false,"","매칭 웹앱 개발 사례: 소개팅 파티의 현장 흐름을 실시간으로 연결했어요","참가자의 휴대폰, 진행자 화면, 빔프로젝터를 실시간으로 연결해 파티 참여와 운영을 함께 돕는 웹앱을 만들었어요.","2026-09-27","제작 사례",[13,14,15,16,17],"소개팅 파티","소셜 매칭","실시간 웹앱","파티 운영","이벤트 시스템","\u002Fimages\u002Fportfolio\u002Foge-party.png","날다데브",{"type":21,"children":22,"toc":134},"root",[23,31,36,43,48,53,59,64,69,75,80,85,90,96,101,106,112,117,122],{"type":24,"tag":25,"props":26,"children":27},"element","p",{},[28],{"type":29,"value":30},"text","소개팅 파티는 사람이 직접 만드는 분위기가 가장 중요해요. 하지만 참가자가 많아질수록 입장 확인, 이벤트 진행, 매칭 결과, 공지와 신청곡까지 진행자가 챙겨야 할 일이 빠르게 늘어납니다.",{"type":24,"tag":25,"props":32,"children":33},{},[34],{"type":29,"value":35},"이 웹앱은 그 현장의 흐름을 끊지 않도록 만든 실시간 파티 웹앱이에요. 참가자는 자기 휴대폰으로 참여하고, 진행자는 운영 화면에서 파티를 관리하고, 현장 빔프로젝터에는 모두가 함께 볼 결과를 보여줍니다.",{"type":24,"tag":37,"props":38,"children":40},"h2",{"id":39},"qr로-들어오면-바로-파티가-시작돼요",[41],{"type":29,"value":42},"QR로 들어오면 바로 파티가 시작돼요",{"type":24,"tag":25,"props":44,"children":45},{},[46],{"type":29,"value":47},"참가자는 QR이나 입장 링크로 접속해 파티에 들어와요. 예약 정보를 바탕으로 입장을 확인하고, 프로필과 닉네임을 준비한 뒤 바로 현장 이벤트에 참여할 수 있습니다.",{"type":24,"tag":25,"props":49,"children":50},{},[51],{"type":29,"value":52},"별도 앱을 설치할 필요 없이 휴대폰 브라우저만으로 참여하게 한 이유는 간단해요. 파티가 시작되기 전에 가입과 설치 과정으로 분위기가 늘어지지 않게 하기 위해서예요.",{"type":24,"tag":37,"props":54,"children":56},{"id":55},"어색한-첫-대화를-자연스럽게-이어가게-했어요",[57],{"type":29,"value":58},"어색한 첫 대화를 자연스럽게 이어가게 했어요",{"type":24,"tag":25,"props":60,"children":61},{},[62],{"type":29,"value":63},"처음 만난 사람들과 한 공간에 있으면 관심이 있어도 바로 말을 걸기 어려울 수 있어요. 이 웹앱에서는 참가자가 프로필을 보고 호감을 표현하거나, 익명 쪽지를 보내고, 현장 투표와 이벤트에 참여할 수 있어요.",{"type":24,"tag":25,"props":65,"children":66},{},[67],{"type":29,"value":68},"서로 호감을 보낸 경우에는 매칭 결과가 이어지고, 진행자는 이벤트의 시작과 종료, 결과 공개 시점을 현장 상황에 맞춰 조절할 수 있습니다. 휴대폰 안에서 시작한 참여가 실제 대화와 현장 분위기로 이어지도록 설계했어요.",{"type":24,"tag":37,"props":70,"children":72},{"id":71},"진행자-화면과-빔프로젝터도-같은-흐름으로-움직여요",[73],{"type":29,"value":74},"진행자 화면과 빔프로젝터도 같은 흐름으로 움직여요",{"type":24,"tag":25,"props":76,"children":77},{},[78],{"type":29,"value":79},"참가자 화면만 잘 만든다고 파티 운영이 편해지지는 않아요. 진행자는 지금 몇 명이 들어왔는지, 어떤 이벤트가 진행 중인지, 어떤 요청이 들어왔는지 한눈에 확인해야 합니다.",{"type":24,"tag":25,"props":81,"children":82},{},[83],{"type":29,"value":84},"그래서 운영자는 파티 상태, 참가자, 공지, 이벤트와 투표 결과, 신청곡과 현장 요청을 관리할 수 있게 했어요. 빔프로젝터 화면에는 진행자가 선택한 메시지와 결과를 바로 띄울 수 있습니다.",{"type":24,"tag":25,"props":86,"children":87},{},[88],{"type":29,"value":89},"참가자, 진행자, 빔프로젝터가 같은 정보를 실시간으로 보고 있으니, 진행자가 여러 화면을 옮겨 다니며 내용을 다시 전달할 필요가 줄어듭니다.",{"type":24,"tag":37,"props":91,"children":93},{"id":92},"현장은-계획대로만-흘러가지-않아요",[94],{"type":29,"value":95},"현장은 계획대로만 흘러가지 않아요",{"type":24,"tag":25,"props":97,"children":98},{},[99],{"type":29,"value":100},"파티 현장에서는 늦게 들어오는 참가자가 생기고, 이벤트 시간을 늘려야 할 때도 있고, 보여줄 메시지를 바꿔야 할 수도 있어요. 그래서 운영 화면에는 입장 재확인, 파티 시간 연장, 공지, 메시지 노출과 같은 현장 제어 기능을 함께 담았어요.",{"type":24,"tag":25,"props":102,"children":103},{},[104],{"type":29,"value":105},"중요한 건 복잡한 기능을 많이 넣는 것이 아니라, 진행자가 손님을 보면서도 필요한 조작을 빠르게 할 수 있게 하는 일이었어요.",{"type":24,"tag":37,"props":107,"children":109},{"id":108},"사람을-연결하는-경험은-현장에서-완성돼요",[110],{"type":29,"value":111},"사람을 연결하는 경험은 현장에서 완성돼요",{"type":24,"tag":25,"props":113,"children":114},{},[115],{"type":29,"value":116},"이 웹앱은 매칭 기능만 있는 서비스가 아니에요. QR 입장부터 프로필, 호감 표현, 이벤트, 결과 공개, 진행자 운영 화면까지 한 파티의 시간을 끊기지 않게 이어주는 현장용 웹앱입니다.",{"type":24,"tag":25,"props":118,"children":119},{},[120],{"type":29,"value":121},"파티를 더 즐겁게 만들고 싶은 운영자가 사람에게 집중할 수 있도록, 반복적인 진행과 안내는 화면이 맡도록 만들었어요.",{"type":24,"tag":25,"props":123,"children":124},{},[125,132],{"type":24,"tag":126,"props":127,"children":129},"a",{"href":128},"\u002Fportfolio\u002Foge-party",[130],{"type":29,"value":131},"실시간 파티 웹앱 제작 사례",{"type":29,"value":133},"에서 구현한 기능을 더 자세히 확인해 보세요.",{"title":7,"searchDepth":135,"depth":135,"links":136},2,[137,138,139,140,141],{"id":39,"depth":135,"text":42},{"id":55,"depth":135,"text":58},{"id":71,"depth":135,"text":74},{"id":92,"depth":135,"text":95},{"id":108,"depth":135,"text":111},"markdown","content:blog:oge-party-realtime-matching.md","content","blog\u002Foge-party-realtime-matching.md","blog\u002Foge-party-realtime-matching","md",1794560577409]