← 포트폴리오 홈

전체 작업과 실험

운영 중인 제품부터 개인 실험까지, 프로젝트와 담당 역할을 확인하세요.

프로젝트 목록으로 바로 이동 ↓

ALL WORKS · 01—12

질문을 제품으로 바꾸고,
운영하며 다음 답을 찾습니다.

기술적 깊이와 제품의 재미를 따로 나누지 않습니다. 서로 다른 문제를 구조화하고, 실제 서비스로 출시하고, 운영에서 발견한 실패를 다음 개선으로 연결한 12개의 프로젝트입니다.

PROJECT 01
운영 중2025 — NOW

인스타그램 인플루언서 올인원 툴

Forcletter

맡은 역할
1인 기획·디자인·풀스택·운영 · AI 에이전트 설계

계정·콘텐츠 인사이트, 댓글 자동 DM, 멀티링크, 광고 단가 예측과 AI 에이전트 포키를 연결한 인스타그램 인플루언서 운영 도구.

운영 문제
인플루언서는 계정 분석, 댓글·DM, 멀티링크와 광고 단가 관리를 서로 다른 도구에서 반복해야 했습니다.
제품 구조
계정 데이터와 운영 기능을 한곳에 모으고 AI 에이전트의 분석과 실제 실행 사이에 명시적인 도구 경계를 뒀습니다.
운영 지표
최근 30일 활성 크리에이터 1,900+명, 자동 DM 약 3.8만 건. 2026-08-04 운영 실측 기준입니다.
Next.jsNestJSAI AgentInstagram
서비스 보기
PROJECT 02
개발 중2026 — NOW

KBO 티켓 팬투팬 정가 양도

이정표

맡은 역할
제품 설계 · 풀스택 · 거래 운영

가격 입력을 없애 경기·좌석 등급으로 정가를 서버가 자동 산정하고, 결제 보호·신고·제재·채팅 마스킹을 연결한 KBO 팬투팬 티켓 양도 플랫폼.

시장 문제
웃돈 거래를 막으면서도 팬이 안심하고 티켓을 넘길 수 있는 신뢰 장치가 필요했습니다.
신뢰 설계
경기·좌석 기준 정가를 서버에서 산정하고 거래 상태 머신에 결제 보호·취소·신고 흐름을 연결했습니다.
현재 검증
사용자 가격 입력 없는 거래 구조와 예외 상태를 구현하고 실제 팬 거래 시나리오를 검증하고 있습니다.
GoReact NativePostgreSQLState Machine
서비스 보기
PROJECT 03
운영 중2026 — NOW

검색·AI 답변 브랜드 가시성 모니터링

GEO Dashboard

맡은 역할
제품 설계 · 풀스택 · 데이터 운영

검색엔진과 AI 답변의 브랜드·제품 노출, 인용 출처와 질문별 성과를 수집하고 상태·원인·행동으로 연결한 사내 의사결정 대시보드. 보안상 식별 가능한 정보는 공개하지 않습니다.

데이터 제약
검색·AI 표면마다 지표의 분모가 다르고 원시 인용이 누적될수록 비교 정확도와 조회 비용이 함께 나빠졌습니다.
시스템 설계
AI 검색 표면별 수집을 같은 품질 규칙으로 묶고, 계획한 표본이 모두 검사를 통과한 배치만 지표에 반영합니다. 실패는 0%가 아니라 보류로 남깁니다.
운영 검증
검수 피드백으로 노출 기준을 다시 정했고, 메모리 한도를 넘던 상세 계산을 객체 공유 구조로 바꿔 1.97GB → 0.59GB로 줄였습니다(한 브랜드 30일치).
Next.jsPostgreSQLData PipelineGEO
PRIVATE WORK · 일부 정보 비공개
PROJECT 04
운영 중2026 — NOW

엽떡 닭발 판매 지점 탐색

닭발 헌터

맡은 역할
문제 정의 · UI/UX · 제품 구현

전국 엽떡 지점의 요기요 메뉴 판매 상태를 수집해 숯불·국물, 통뼈·무뼈 종류별로 판매 지점을 지도에서 찾습니다.

생활 문제
엽떡 닭발을 먹고 싶어도 어느 지점에서 어떤 종류를 파는지 한 번에 확인할 방법이 없었습니다.
제품 가설
지점별 메뉴 표현과 판매 상태를 정규화해 지도에 모으면 가장 가까운 판매점을 빠르게 찾을 수 있다고 봤습니다.
출시 결과
닭발 종류와 현재 판매 여부로 전국 지점을 탐색할 수 있는 서비스를 출시해 운영하고 있습니다.
Next.jsMapData
서비스 보기
PROJECT 05
운영 중2024

쉽고 빠른 모임 정산

행동대장

맡은 역할
서비스 기획 · UI/UX · 프론트엔드

여행·모임 비용을 쉽게 정산하세요. 가입 없이 바로 시작, 구성원 변동에도 자동 재계산.

도메인 제약
가입하지 않은 모임에서 구성원이 바뀌어도 기존 지출과 정산 금액이 깨지면 안 됐습니다.
계산 설계
지출 기록, 참여자와 계산 규칙을 분리하고 변경 시 전체 정산을 불변식에 따라 다시 계산했습니다.
서비스 결과
모임 중간에 사람이 추가·제외되어도 가입 없이 정산 결과가 자동으로 갱신되도록 운영하고 있습니다.
ReactTypeScriptPWA
서비스 보기공개 코드
PROJECT 06
운영 중2025 — NOW

함께 맞추는 박자

메트로놈들

맡은 역할
기획 · 프론트엔드 · 실시간 시스템

여러 연주자가 네트워크를 통해 동일한 박자에 동기화하는 실시간 협업 메트로놈.

기술 제약
네트워크 지연과 서로 다른 기기 오디오 시계 때문에 같은 시각의 클릭도 다르게 들렸습니다.
동기화 설계
서버 시각 오프셋 보정과 Web Audio 선행 스케줄링을 분리하고 재접속 복구 경로를 설계했습니다.
검증 근거
모바일 실기기에서 시계 보정·재접속·iOS 오디오 활성화 경합을 재현하고 회귀 흐름으로 고정했습니다.
ReactWebSocketWeb Audio
서비스 보기공개 코드
PROJECT 07
개발 중2026 — NOW

함께 정하는 실시간 장소 보드

핀투게더

맡은 역할
제품 설계 · 풀스택 · 실시간 협업

공유 지도에서 장소를 수집·그룹화하고 참여자의 커서, 지도 뷰포트, 평가와 메모를 실시간으로 동기화하는 익명 협업 보드.

협업 문제
가입하지 않은 여러 사람이 같은 지도에서 장소를 모으고 의견을 합치는 과정이 메신저 대화에 흩어졌습니다.
실시간 설계
WebSocket presence와 원자적 부분 갱신을 분리하고 재연결 시 서버 상태를 다시 합치는 흐름을 만들었습니다.
현재 상태
익명 참여자의 장소 수집·평가·커서·지도 뷰 동기화를 구현하고 실제 모임 흐름을 검증하고 있습니다.
Next.jsGoWebSocketNaver Maps
서비스 보기공개 코드
PROJECT 08
개선 중2024 — NOW

어떤 CSS든 픽셀 아트로

React Pixel UI

맡은 역할
UI 시스템 · 프론트엔드

React 요소를 <Pixel>로 감싸면 배경·모서리·테두리·그림자를 Canvas 없이 픽셀 아트로 변환하는 SSR 호환 라이브러리.

표현 제약
기존 DOM과 CSS, SSR과 상호작용 상태를 유지하면서 시각 표현만 픽셀 아트로 바꿔야 했습니다.
변환 설계
Canvas 대신 CSS 변환 계층을 만들고 크기·테마·hover·focus 변화에 맞춰 다시 계산하도록 설계했습니다.
검증 근거
SSR·다크 모드·상호작용 상태를 회귀 테스트로 고정하고 npm 패키지와 데모로 공개했습니다.
ReactTypeScriptCSSSSR
서비스 보기공개 코드
PROJECT 09
개선 중2025 — NOW

틱 기반 자동매매 운영 시스템

Trade Tower

맡은 역할
제품 설계 · 풀스택 · 데이터 운영

한국 주식 WebSocket 틱 데이터를 규칙형 점수, 다층 리스크 관리와 주문 실행 파이프라인으로 처리하는 자동매매 플랫폼.

운영 위험
빠른 틱 흐름에서 잘못된 진입, 중복 주문과 연결 단절이 실제 주문으로 번지지 않아야 했습니다.
실행 설계
결정론적 Tick Engine과 다층 리스크 게이트를 중심에 두고 LLM은 제한적인 VETO 역할로 격리했습니다.
검증 근거
실시간과 시뮬레이션이 같은 판단·주문 경로를 사용하도록 맞추고 실패 시나리오를 실행 전 단계에서 검증했습니다.
NestJSNext.jsWebSocketQuant
서비스 보기
PROJECT 10
개선 중2023 — NOW

홍익대 구성원 주간 1:1 매칭

HGT

맡은 역할
제품 설계 · 풀스택 · 모바일 앱

홍익대학교 구성원 인증을 바탕으로 키워드 프로필을 만들고, 매주 새로운 한 사람과 실시간 대화로 연결하는 비공식 캠퍼스 매칭 서비스.

신뢰 문제
같은 학교 구성원이라는 최소한의 신뢰를 확보하면서 포털 자격증명은 서비스에 남기지 않아야 했습니다.
매칭 설계
휴면 사용자를 제외하고 선호·키워드 점수를 조합해 매주 한 명을 결정론적으로 연결하도록 구성했습니다.
제품 구조
Next.js·Capacitor 앱과 Hono API, PostgreSQL, WebSocket 채팅 계약을 하나의 TypeScript 모노레포에서 관리합니다.
Next.jsCapacitorHonoWebSocket
서비스 보기공개 코드
PROJECT 11
개발 중2026 — NOW

카카오톡 관계 신호 분석

톡사이

맡은 역할
제품 설계 · 풀스택 · AI 분석 파이프라인

카카오톡 1:1 내보내기 파일을 파싱·샘플링해 관심 신호, 대화 습관, 타임라인과 케미를 분석하고 비공개 링크로 공유하는 AI 분석 서비스.

사용자 호기심
오래 쌓인 카카오톡 대화에서 둘 사이의 관심 신호와 관계 패턴을 재미있게 확인하고 싶었습니다.
분석 가설
전체 파일을 구조화한 뒤 문맥을 샘플링하면 대용량 대화에서도 일관된 관계 신호를 추출할 수 있다고 봤습니다.
현재 상태
파일 파싱·비동기 AI 분석·비공개 결과 공유를 구현하고 분석 결과의 납득 가능성을 검증하고 있습니다.
Next.jsNestJSGeminiPrisma
서비스 보기공개 코드
PROJECT 12
운영 중2024 — NOW

연애 성격 유형 테스트

LVTI

맡은 역할
서비스 기획 · UI/UX · 프론트엔드

32개 질문으로 알아보는 16가지 연애 유형. 나의 연애 성격을 4가지 차원으로 분석해 드립니다.

콘텐츠 가설
일반 성격 유형이 아니라 연애 상황에 한정된 질문이라면 더 공감되는 결과를 만들 수 있다고 봤습니다.
점수 모델
32개 응답을 4개 차원의 결정론적 점수 규칙으로 계산하고 결과 생성은 클라이언트 중심으로 구성했습니다.
서비스 결과
개인 응답을 서버에 남기지 않고도 16가지 유형 결과를 즉시 만들고 공유하는 서비스를 운영하고 있습니다.
Next.jsTypeScriptAnalytics
서비스 보기공개 코드

CONTINUE EXPLORING

더 궁금한 문제와 함께 만들 제품이 있다면 이야기해 주세요.

이메일 보내기 ↗3D 디스펜서로 돌아가기 ↑