언어

Global Startup Center Hackathon 2025 우승

2025년 3월 1일약 11분정적 콘텐츠
해커톤Chrome 확장 프로그램JavaScriptTypeScriptNext.jsNest.js한국 문화Netflix API

GSC Hackathon 2025 우승 Global Startup Center Hackathon 2025 우승을 축하하는 팀

우승

2025년 2월, 팀이 Global Startup Center Hackathon에서 1위를 차지하며 개발자로서 중요한 이정표를 세웠습니다. 저는 팀원 Khumoyun과 함께 리드 개발자로 참여해 기술과 문화에 대한 관심을 연결하는 제품을 만들었습니다. K-드라마 팬이 한국 음식을 발견하고 경험하는 방식을 바꾸는 Chrome 확장 프로그램입니다.

우승 아이디어: K-Food

K-Food는 엔터테인먼트와 음식 문화가 만나는 지점의 문제를 해결합니다. 전 세계 수백만 명이 Netflix에서 한국 드라마를 보며 화면 속 음식에 호기심을 느끼지만, 그 음식을 쉽게 식별하거나 경험할 방법은 없었습니다.

해결한 문제

한국 드라마는 세계적으로 큰 인기를 얻었고, 시청자는 이야기뿐 아니라 작품에 등장하는 먹음직스러운 한국 음식에도 매력을 느낍니다. 하지만 다음 행동으로 자연스럽게 이어지는 방법이 없었습니다.

  • 좋아하는 드라마에 등장하는 한국 음식 식별
  • 시청 중 해당 음식 정보 확인
  • 음식을 주문하거나 직접 경험할 장소 찾기

해결책

K-Food는 Netflix 드라마 속 한국 음식을 지능적으로 식별하고 방해가 적은 팝업으로 즉시 정보를 제공하는 Chrome 확장 프로그램입니다. K-드라마 시청 중 음식이 등장하면 정확한 시점에 음식 이름을 표시합니다.

음식 식별 팝업 드라마 시청 중 실시간 음식 식별 팝업

기술 구현

1단계: 해커톤 MVP

짧고 집중적인 해커톤 동안 핵심 기능을 개발했습니다.

Chrome 확장 프로그램(JavaScript)

  • Netflix 재생 시간선 실시간 연동
  • 음식 등장 시점의 정밀 감지
  • 시청을 방해하지 않는 팝업
  • 플랫폼으로 자연스러운 이동

수동 데이터 큐레이션

  • 인기 한국 드라마 조사
  • 음식 등장 시점을 찾기 위한 프레임 단위 분석
  • 특정 시점과 한국 음식을 연결하는 데이터베이스 구축
  • 정확한 동기화를 위한 Netflix 타임라인 API 연동

빠른 웹사이트 개발(Webflow)

  • 작동하는 웹사이트 신속 배포
  • 한국 드라마·음식 카탈로그
  • 기본 주문 시스템 연동
  • 음식 탐색을 위한 쉬운 인터페이스

2단계: 해커톤 이후 발전

K-Food 웹사이트 발전한 K-Food 플랫폼

우승 후 엔터프라이즈 수준의 기술로 플랫폼을 완전히 다시 구축했습니다.

프런트엔드(TypeScript + Next.js)

  • 유지보수성을 높이는 타입 안전 개발
  • 최적 성능을 위한 서버 렌더링
  • 모든 기기를 위한 반응형 디자인
  • 현대적인 UI 컴포넌트로 향상한 사용자 경험

백엔드(Nest.js)

  • 확장 가능한 API 아키텍처
  • 견고한 데이터 관리
  • 인증·권한 시스템
  • 외부 서비스 연동

AI 기반 채팅 시스템

  • RAG 기반 음식·드라마 추천
  • 음식점 탐색 지원
  • 문화적 맥락과 요리 팁
  • 고급 언어 모델 기반 응답

벡터 데이터베이스(Qdrant)

  • 시맨틱 검색
  • 실시간 정보 임베딩
  • 정확하고 맥락에 맞는 응답
  • 사용자 상호작용 기반 지속 학습

플랫폼의 발전

직접 판매에서 마켓플레이스로

직접 음식 판매 모델에서 종합 마켓플레이스로 발전했습니다.

음식점 등록 시스템

  • 지역 한국 음식점의 매장 등록
  • 메뉴와 K-드라마 음식 연결
  • 배달 흐름

팀 구성과 협업

팀 협업 해커톤에서 함께 작업하는 다양한 배경의 팀

효과적인 협업이 성공의 기반이었습니다.

개발팀

  • 리드 개발자(저): Chrome 확장 프로그램, 풀스택 아키텍처, 기술 리더십
  • 공동 개발자(Khumoyun): 프런트엔드 구현, API 연동, 사용자 경험 최적화, 콘텐츠 준비

전략·운영팀

  • 비즈니스 전략 리드(Damkyeom): 시장 분석, 수익 모델, 파트너십
  • 데이터·콘텐츠(Kiki, Esther): 한국 드라마 조사, 음식 식별, 문화적 정확성 검증
  • 마케팅(Hilina): 브랜드 개발, 사용자 확보 전략, 소셜 미디어

기술 과제와 해결책

Netflix 시간선 동기화

가장 큰 기술 과제 중 하나는 Netflix 재생 시간선과 정밀하게 동기화하는 일이었습니다. 다음 방식으로 해결했습니다.

  • Netflix 내부 타임라인 API 역분석
  • 프레임 단위 감지 알고리즘
  • 다양한 재생 상황을 위한 대체 경로
  • 성능 영향 최소화

확장성과 성능

해커톤 이후에는 다음에 집중했습니다.

  • 확장성을 위한 마이크로서비스 아키텍처
  • 응답 시간을 개선하는 캐싱
  • 대규모 데이터를 위한 데이터베이스 최적화
  • 글로벌 콘텐츠 전달을 위한 CDN
  • 음식점, 음식, 한국 드라마 고급 검색을 위한 RAG

컴포넌트 상호작용 흐름

배운 점

해커톤 성공 요인

  1. 명확한 문제 정의: 구체적이고 공감할 수 있는 문제를 찾았습니다
  2. 기술적 실현 가능성: 야심과 현실적인 구현의 균형을 맞췄습니다
  3. 팀 시너지: 다양한 역량을 효과적으로 활용했습니다
  4. 사용자 중심 디자인: 실제 요구와 경험에 집중했습니다
  5. 문화적 감수성: 한국 문화를 진정성 있게 존중하고 소개했습니다

해커톤 이후 개발

  1. 확장성 계획: 처음부터 성장을 고려하기
  2. 사용자 피드백 반영: 실제 사용을 기반으로 지속 개선
  3. 파트너십 개발: 생태계 관계를 일찍 구축
  4. 기술 부채 관리: 속도와 코드 품질의 균형
  5. 문화적 책임: 확장 과정에서도 진정성 유지

결론

Global Startup Center Hackathon 2025 우승은 기술이 문화 사이의 강력한 다리가 될 수 있다는 믿음을 확인해 주었습니다. K-Food는 주말 해커톤의 작은 아이디어로 시작했지만, 한국 문화를 알리고 전 세계 K-드라마 팬의 실제 문제를 해결하는 플랫폼으로 발전했습니다.

JavaScript Chrome 확장 프로그램에서 AI 기능을 갖춘 TypeScript/Next.js 플랫폼으로 발전한 여정은 반복 개발과 사용자 중심 혁신의 중요성을 보여 줍니다. 무엇보다 기술 역량으로 의미 있는 문화적 연결을 만들 수 있음을 증명했습니다.

팀 우승 사진 GSC Hackathon 2025 우승 트로피를 든 팀

Chrome 확장 프로그램: K-drama food finder

데모 웹사이트: [레거시] K-drama food website

관련 프로젝트 사례

K-Food RAG: AI 기반 음식 탐색

LLM 응답과 구조화된 음식 데이터, 안정적인 동기화 파이프라인을 결합해 한국 음식에 대한 검색 중심 탐색 제품을 설계했습니다.

  • 키워드 중심 탐색 문제를 맥락에 맞는 답변을 제공하는 시맨틱 검색 경험으로 전환했습니다.
  • 수집과 벡터 동기화가 부하 상황에서 조용히 실패하지 않도록 큐 기반 처리와 재시도 경로를 추가했습니다.

프로젝트 시작하기

제품에 이런 수준의 사고와 실행이 필요하신가요?

제품을 구체화하고 인터페이스, 시스템, 개선 주기까지 실제로 출시할 파트너가 필요하다면 연락해 주세요.

프로젝트 시작하기