MBTI, 취미 기반 대학 축제 소개팅 서비스 'NOPE' - 기획부터 로컬 개발까지 회고
🤖 AI 추천
대학 축제 환경에서 새로운 인연을 만들고자 하는 학생 개발자, 이벤트성 서비스 개발 경험을 쌓고 싶은 프론트엔드 개발 지망생, 제한된 리소스 내에서 빠르게 프로토타이핑하고 싶은 개발자에게 추천합니다.
🔖 주요 키워드

핵심 기술
본 콘텐츠는 대학 축제에서 사용될 소개팅 서비스 'NOPE'의 기획, 개발, 운영 회고를 다룹니다. 특히 MBTI, 취미, 이상형 기반의 스마트 매칭 로직을 통해 기존 무작위 매칭 방식의 한계를 극복하고, 프론트엔드 기술 스택(HTML, CSS, JavaScript)과 LocalStorage를 활용한 로컬 개발 방식을 상세히 소개합니다.
기술적 세부사항
- 서비스 개요: 대학 축제 참가자를 대상으로 MBTI, 취미, 이상형 기반의 스마트 매칭을 제공하는 소개팅 서비스.
- 타겟: 축제 방문 대학생 (만 19-26세).
- 핵심 기능: 사용자는 간단한 정보 입력 후 매칭 알고리즘을 통해 자신과 잘 맞는 3인을 추천받음.
- 홍보 전략: 에브리타임 커뮤니티를 중심으로 홍보, 축제 전날까지 집중 홍보.
- 개발 기간: 2025.09.15 - 2024.09.19 (6인 개발: 기획 1, 디자이너 1, 개발자 4).
- 서비스 흐름: 입장 → 결제(1,000원) → 개인정보 동의 → 정보 입력 → 매칭 버튼 클릭 → 알고리즘 실행 → 추천 카드 3개 출력 → 상세 카드 1개 확인.
- 매칭 로직:
- 조건 필터링
- 점수식: MBTI(40%), 취미(20%), 거주지(20%), 나이(15%), 학부(5%) 가중치 부여.
- 점수 해석: 80점 이상 (찰떡궁합), 60-79점 (무난), 40-59점 (다소 어색), 39점 이하 (잘 안 맞을 가능성).
- 리스크 대응:
- 초반 참가자 부족 시: 첫 10명 무료 제공.
- 개인정보 유출 방지: 행사 종료 후 데이터 즉시 삭제.
- 구현 언어 및 기술 스택:
- Front-End: HTML, CSS, JavaScript.
- 데이터 저장: LocalStorage (JSON/txt 형태).
- 서버: 없음 (로컬 PC 독립형 프로그램).
- QA 및 개선:
- 1일차 운영 중 동일 인물 반복 추천 문제 발생 → 쿨타임 기능 추가.
- 예상치 못한 인파로 인한 LocalStorage 저장 문제 → 서버 환경의 필요성 절감.
개발 임팩트
개발자들은 프로젝트 전 과정(기획, 홍보, 개발, 현장 운영, 핫픽스)을 경험하며 실제 서비스 구축 및 운영에 대한 이해도를 높이고, 수익 창출까지 경험할 수 있었습니다. 짧은 기간 내 애자일 방식으로 협업하며 빠른 피드백과 수정의 중요성을 체감했습니다. 또한, 제한된 환경(로컬 스토리지)에서의 개발이 주는 제약과 이를 극복하기 위한 노력이 필요한 부분을 명확히 인지하게 되었습니다.
커뮤니티 반응
(원문에 별도 커뮤니티 반응 언급 없음)
📚 관련 자료
JavaScript-Tinder-Swipe-Effect
This repository provides a visual swipe effect similar to Tinder, which could be a relevant component for displaying matched user profiles in a dating application. While the project is a frontend demo, it showcases UI interactions that could be adapted for a matching service.
관련도: 70%
Awesome-JavaScript-Libraries
This is a curated list of JavaScript libraries. While not directly a dating app, it could be useful for developers looking for libraries to enhance UI, manage state, or implement specific functionalities for web applications, as mentioned by the author choosing HTML-centric development to speed up implementation.
관련도: 40%
Web-Development-Portfolio-Template
This repository is a portfolio template, which is indirectly relevant as the author is a frontend developer aiming to build a career. The article itself serves as a case study for a project, showcasing practical application of skills that could be added to a portfolio.
관련도: 30%