본문으로 건너뛰기
Hooney
English

HooneyFirstage Founder · 프로덕트 엔지니어

오래 쓰일 서비스를,기획부터 사업까지 직접 만듭니다.

Firstage를 창업해 사진과 장소로 일상을 쌓는 서비스를 기획부터 운영까지 직접 만들고 있습니다. 2016년부터 에디터, SDK, 체크아웃, 디자인 시스템처럼 복잡한 상호작용이 모이는 제품을 깊게 다뤄 왔습니다.

Firstage 공개 홈페이지 첫 화면. 흩어진 사진들 사이에 'Your days, collected. Your stories, shared.'라는 제목이 있다.
Firstage사진을 올리면 찍은 시각과 장소가 이어져, 흩어진 일상을 다시 찾고 가까운 사람과 나눌 수 있습니다.

Firstage는 기획부터 개발, 인프라, 운영까지 제가 직접 맡습니다. 캔버스와 에디터, 지도 같은 공통 기술도 이 제품 안에서 키우고, 생활 체육 대회 서비스 ROUND와 축구 전술 보드 TacticFrame도 직접 만들어 운영합니다.

그전에는 복잡한 상호작용과 여러 팀의 요구가 만나는 영역을 깊게 다뤘습니다. 요기요에서는 분리된 주문 흐름과 플랫폼별 웹뷰 브릿지를 공통 구조로 통합했고, 채널톡에서는 상담 협업 에디터와 고객 데이터 업무를 개발했습니다.

설계를 코드로 옮기는 데서 그치지 않습니다. 일정과 우선순위 조율, 팀 간 기술 합의, 코드 리뷰와 검증 체계, 주니어 온보딩과 기술 면접까지 맡아 왔습니다. 사용 경험과 운영 제약을 함께 보고, 필요한 변경을 오래 유지할 수 있는 구조로 만드는 것이 제 강점입니다.

일하는 방식

결정을 기획에서 끝내지 않고 구현과 검증, 운영까지 직접 이어 갑니다. 화면의 문장과 버튼 하나부터 인프라와 비용까지 같은 기준으로 보고, 완성한 뒤에도 더 나아질 부분이 보이면 그 자리에서 고칩니다.

반복 구현은 AI 에이전트(Codex, Claude Code)가 초안과 테스트를 만들고, 설계와 검수는 제가 직접 맡습니다. 결정의 이유와 검증 결과를 문서로 남겨 다음 사람이 이어서 일할 수 있게 합니다.

주력 기술은 React, TypeScript, Next.js, NestJS, PostgreSQL입니다.

이력

만들어 온 제품과 프로젝트

진행 중인 일을 맨 위에 두고, 나머지는 최근에 시작한 순서대로 모았습니다.

  1. 2025.05 ~ 현재

    Firstage

    Founder

  2. 2026.06 ~ 현재

    ONE tech eCom

    풀스택 개발과 데이터 계약 설계

  3. 2026.04 ~ 2026.06

    퍼시스 닷컴과 운영 어드민

    닷컴과 어드민 설계, 구현 (1인)

  4. 2025.08 ~ 2025.12

    CJ ENM 이벤트 페이지와 빌더

    캐시 정책과 페이지 빌더 설계, 구현

  5. 2025.06 ~ 2025.12

  6. 2024.10 ~ 2025.06

    볼타 마이크로 프론트엔드와 디자인 시스템

    프론트엔드 구조 전환과 디자인 시스템 구축

  7. 2023.04 ~ 2024.10

    요기요 통합 체크아웃

    체크아웃 설계와 공통 SDK 개발

  8. 2022.09 ~ 2023.03

    올거나이즈 AI Messenger SDK

    SDK 계층 설계와 학습 관리 기능 개발

  9. 2021.11 ~ 2022.09

    채널톡 팀 기능과 고객 DB

    팀 기능 프론트엔드와 고객 DB 기능 개발

기술 스택

제품을 만들 때 쓰는 기술

Frontend
  • React
  • TypeScript
  • Next.js
  • Astro
  • Tailwind CSS
  • Shadcn
  • dnd-kit
Backend
  • NestJS
  • Node.js
  • GraphQL
  • PostgreSQL
  • Drizzle ORM
  • BullMQ
  • Redis
  • NATS
  • Meilisearch
  • gRPC
  • Kysely
State & Data
  • TanStack Query
  • TanStack Table
  • Zustand
  • React Hook Form
  • Zod
Realtime & Editor
  • Lexical
  • ProseMirror
  • Yjs
  • Socket.IO
  • WebSocket
  • SSE
  • Web Worker
  • Konva
Cross-Platform
  • Capacitor
  • PWA
  • MapLibre GL
AI
  • Claude
  • Gemini
  • OpenAI
  • Vercel AI SDK
  • MCP
  • LangGraph
  • LangChain
Observability
  • Sentry
  • Mixpanel
  • Prometheus
  • Grafana
Build & Infra
  • Turborepo
  • Vite
  • GitHub Actions
  • Cloudflare
  • Kubernetes
  • Docker
  • Terraform
  • GCP
  • Vercel
Testing
  • Playwright
  • Vitest
  • Storybook