← PROJECTS
서울시립대학교 빅데이터 퀴즈 thumbnail
서울시립대학교 빅데이터 퀴즈 logo

서울시립대학교 빅데이터 퀴즈

서울시립대학교 2026 대동제 기념 빅데이터 부스 퀴즈

Personal2026Source ↗
Next.js
Supabase

본 프로젝트는 2026년 서울시립대학교 대동제에서 서울시립대학교 빅데이터혁신융합대학사업단이 운영했던 부스인 "캐치캐치! 데이터 탐험단"에서 사용된 퀴즈 앱입니다.

1. 개요

2026년 서울시립대학교 대동제에서 서울시립대학교 빅데이터혁신융합대학사업단 서포터즈 자격으로 "캐치캐치! 데이터 탐험단" 부스 운영에 참가하였습니다.

해당 부스에서 빅데이터혁신융합대학사업단 및 사업단이 진행하는 프로그램을 알리기 위해 퀴즈 앱을 제작하였습니다.

2. 시스템 구성

본 프로젝트는 Next.jsSupabase를 사용하여 빠른 시일 내에 개발하였으며, Vercel을 통해 배포하였습니다.

또한 Google Analytics를 통해 사용자 수 및, 사용자 활성 시간, 이벤트 등을 트래킹하였습니다.

3. 프로젝트 회고

행사까지 많은 기간이 주어지지 않아 빠른 속도로 기획, 디자인 및 개발을 끝내려고 노력했습니다.

그래서 비교적 개발하기 쉬운 형태인 OX 퀴즈 형태로 만들었으며, 디자인의 경우 같은 서포터즈 분이 디자인해주신 캐릭터와 배경을 기반으로 픽셀 요소를 살려 디자인하였습니다.

큰 의미를 가지고 만든 프로젝트가 아니었지만, 실제로 부스를 운영하면서 많은 분들이 제가 개발한 앱을 사용하며 즐거워 하시는 모습을 볼 수 있었고, 사용자 분들과 상호작용하며 제가 만든 서비스를 즐겨주시는 분들에 대한 감사함과 뿌듯함을 느낄 수 있었습니다.

본 서비스를 약 350명의 학부생 분들이 이용하셨으며, 그 중 25명이 외국인 학부생이셨습니다.

외국인 학부생 분의 경우 학번의 형태가 기존의 숫자 10자리가 아닌 영문이 혼합된 형태라는 것을 사전에 인지하지 못하고, 현장에서 영어를 0 또는 9로 바꾸어 대처하였는데, 이를 통해 서비스 기획시 더욱 많은 것을 살펴야 한다는 것을 깨달았습니다.

그리고 많은 사용자 분들을 직접 대면하면서 Client 기종 및 설정에 따라 같은 웹이더라도 다른 환경을 보일 수 있다는 것을 알 수 있었습니다.

구체적으로 Input 활성화 시에 키보드 배치, 화면 Opacity 등에 차이가 생길 수 있다는 것을 깨달았습니다.

여담으로 외국인 학부생 분들께 서비스 내용을 영어로 설명하며 다시 한 번 영어의 중요성을 깨달을 수 있었습니다.

ASSETS