01 — Full-Stack Product
2026.08 ~ 현재Deployed · Closed BetaKBO-Hub HOMEPLATE
경기 일정과 직관 기록, 포토카드 아카이브 및 도감, 팬 커뮤니티, 야구 굿즈 중고 장터를 한곳에 모은 야구팬용 C2C 서비스입니다.
Projects
기획부터 배포까지,
직접 만든 프로젝트
기획부터 개발, 배포와 QA까지 직접 맡은 작업을 모았습니다. KBO-Hub는 현재 Closed Beta로 운영하고 있습니다.
- 배경
- 경기 기록과 굿즈·티켓 정보가 여러 서비스에 흩어져 있어 필요한 정보를 한 번에 확인하기 어려웠습니다.
- 만든 것
- 경기 일정과 직관 기록부터 포토카드, 팬 커뮤니티, 굿즈 거래까지 이어지는 웹 서비스를 만들었습니다. 1인 빌더로 기획부터 배포와 QA까지 맡았습니다.
- 방식
- Next.js App Router와 Supabase 인증·RLS로 구성하고, 외부 라이브러리 없이 DOM 기반 3D 포토카드 인터랙션을 구현했습니다. 보안 리뷰와 Human Runtime QA를 거쳐 Closed Beta로 운영 중이며, 2027.02 Open Beta와 2027.03 정식 출시를 목표로 합니다.
Main Technologies
Frontend
- Next.js App Router
- React
- TypeScript
- Tailwind CSS
Data & Security
- Supabase
- PostgreSQL
- RLS
Infrastructure
- Cloudflare Workers
Closed Beta (현재) → 2027.02 Open Beta → 2027.03 정식 서비스 출시 목표
서비스 바로가기 (HOMEPLATE)HOMEPLATE — Feature Screens
02 — Development Orchestration
Public · Open SourceMulti-Agent Development Orchestration
Multi-Agent Development Environment
여러 CLI 에이전트를 역할별로 나누고, Git Worktree로 작업 공간을 격리해 구현·검수·QA를 분리해서 운영하는 개인 개발환경입니다.
- 만든 이유
- 한 에이전트가 구현과 검수, 통합까지 모두 맡으면 문맥과 책임이 섞이고 동시에 수정할 때 작업이 충돌하기 쉬웠습니다.
- 운영 구조
- Human/HQ가 범위를 정하고 Worker와 Worker Fast가 구현을 맡습니다. 별도의 Senior Review와 Security Gate, Human Runtime QA를 거친 뒤에만 통합 여부를 결정합니다.
- 격리 방식
- Day마다 하나의 feature branch와 임시 worktree를 만들고, 수정 주체는 worktree당 하나로 제한합니다. 역할은 특정 모델에 고정하지 않으며 merge와 push는 사람이 최종 결정합니다.
- 실제 사용
- HOMEPLATE와 이 포트폴리오를 포함한 개인 프로젝트 개발에 실제로 적용하고 있습니다.
Operating Principles
- One Modifier per Worktree
- feature branch isolation
- Worker / Senior role separation
- Independent Review
- Security Gate
- Human Runtime QA
- Human-controlled merge / push
그 외 직접 만든 작업
03 — Developer Infrastructure
2026.08 ~ 현재Public · Open Sourcekeyco AI Status Hub
AI Usage Status Hub
- 배경
- AI 서비스마다 남은 사용량과 초기화 시각을 서로 다른 화면에서 확인해야 했습니다.
- 만든 것
- 여러 AI 서비스의 사용량과 초기화 시각을 메뉴바와 터미널 상태줄에서 함께 확인하는 로컬 도구입니다.
- 방식
- 오픈소스 CodexBar의 로컬 데이터에서 필요한 수치만 읽는 Python 수집기와 Swift 메뉴바 도구를 만들었습니다. 자격증명·프롬프트·쿠키는 저장하지 않습니다.
- Python 3
- Swift
- macOS AppKit
- CodexBar 로컬 데이터 연동
- cmux / tmux
04 — Work Project
2024 ~ 2025사내 적용 · 익명화 프로세스GOM Marketing × Web × Automation
Marketing Tech & Data Pipeline
- 배경
- 반복되는 Excel 데이터 정리와 조건별 분류에 시간이 들었고, 마케팅 페이지도 콘텐츠에 맞춰 직접 수정할 필요가 있었습니다.
- 만든 것
- 6개 채널의 콘텐츠를 운영하고, 관련 페이지의 HTML·CSS·JavaScript 구조와 화면을 직접 수정했습니다. 반복되는 Excel 작업은 Python으로 자동화했습니다.
- 방식
- pandas와 openpyxl로 중복 데이터를 정리하고 조건별로 분류해 결과 파일을 자동 생성했습니다. 웹에서는 레이아웃·콘텐츠 구조·탐색 흐름·CTA 영역을 전반적으로 손봤습니다.
- Python
- pandas
- openpyxl
- HTML5 / CSS3
- JavaScript
- Excel Automation
05 — macOS Native Tool
2026.08Open SourceDoro Hub Pet
AI-Hub-pet (repo)
- 배경
- 여러 터미널에서 실행 중인 에이전트의 상태를 확인하려고 창을 계속 전환해야 했습니다.
- 만든 것
- 로컬 AI 에이전트의 작업 상태와 사용량을 말풍선으로 보여주고, 클릭하면 해당 세션으로 이동하는 macOS 플로팅 앱입니다.
- 방식
- Swift와 AppKit/SwiftUI로 구현하고 상태별 캐릭터 움직임을 더했습니다. 프롬프트·토큰·비밀번호에는 접근하지 않고 프로세스 상태와 로컬 캐시만 확인합니다.
- Swift
- macOS AppKit
- SwiftUI
- Universal Binary
- Sprite Animation
06 — Academic & Creative
2021 ~ 2023경진대회 대상 · 최우수상대학 콘텐츠 기획·제작 & 데이터 수집
Content · Storytelling · Automation
학과 홍보영상과 교내 경진대회 콘텐츠를 직접 기획·제작하고 웹툰 10화를 연재했습니다. 수업에서는 Python으로 필요한 웹 데이터를 수집하고 정리했습니다.
Primary Works · 대표 제작물
클릭 시 확대 보기학과 홍보영상 기획·촬영·편집
2021 경진대회 최우수상 수상작
- 배경
- 학과와 전공 경험을 학생의 시선으로 소개하고, 교내 경진대회와 수업에서 영상·웹툰·데이터 수집 작업을 직접 해보고 싶었습니다.
- 만든 것
- 학과 홍보영상과 교내 경진대회 콘텐츠를 직접 만들고 웹툰 10화를 연재했습니다. 수업에서는 Python으로 필요한 웹 데이터를 수집하고 정리했습니다.
- 방식
- 홍보영상 2편과 경진대회 작업 2건의 기획·촬영·편집을 맡았습니다. 2021년 최우수상과 2023년 대상을 받았고, 웹툰은 EP.1부터 EP.10까지 제작·발행했습니다.
- 콘텐츠 기획
- 영상 편집
- 웹툰
- Python
- BeautifulSoup
- Selenium
Supporting Evidence · 주요 성과 및 연계 작업
수상 2회 · 학과 홍보영상 2편 · 경진대회 작업 2건 · 웹툰 10화 · Python 데이터 수집
2023 경진대회 대상
창의적 콘텐츠 제작 경진대회 대상
웹툰 연재 — EP.1
베트남에서 생긴 일 (총 10화 연재)
웹툰 연재 — EP.9
베트남에서 생긴 일 후반 에피소드
Python 웹 데이터 수집
BeautifulSoup · Selenium 활용
작업이 더 궁금하신가요?
프로젝트를 만든 과정과 기술 선택은 공개 채널에 더 자세히 기록하고 있습니다.