소개
사용자가 반복해서 겪는 불편을 먼저 찾고, 만들고 운영하는 데까지 책임지는 개발자다. 화이트블록에서 프론트엔드를 혼자 맡아 서비스가 유저 0명에서 5만 명이 되는 동안 설계부터 운영까지 했다. 지금은 Claude Code, Cowork, Codex와 함께 iOS 앱, 학과 공식 사이트, AI 서비스를 만든다. 에이전트에게 맥락 문서와 검수 기준을 주고, 기술 결정과 배포는 직접 한다.
- 분야
- 웹 · AI · 게임
- 관심 분야
- 웹 · AI · 게임 · 기획
- 사용 툴
- TypeScript, React, Next.js, Angular, React Native, Supabase, Unreal Engine 5, Claude Code, Codex, Figma, After Effects
01
ITSME-ENTERPRISE
- 기간
- 2021.12–2022.10
- 분야
- 웹
- 형태
- 팀 (주식회사 화이트블록)
- 역할
- 프론트엔드 단독 — 설계, 개발, 운영 대응
- 사용 툴
- Angular, TypeScript, NgRx, RxJS, Electron, Storybook, MSW

디지털 신원 지갑 itsme.id의 엔터프라이즈 관리자 서비스
단체, 멤버십, 쿠폰, 정책, 상품이 얽힌 관리자 서비스를 초기 구축부터 맡았다. 관계를 보려면 화면을 여러 번 오가야 해서 점주 문의가 하루 100건씩 반복됐다. 계층을 한 화면에 보여 주는 트리 기반 데이터 시각화를 직접 제안·설계했고, 운영팀이 직접 처리하도록 Electron 운영 툴을 만들었다. 서비스 전체 유저가 0명에서 5만 명이 되는 동안 프론트엔드를 혼자 맡았다.
핵심 포인트
- 트리 기반 시각화로 반복 문의를 하루 100건에서 20건 이하로
- Electron 운영 툴로 개발팀 운영 지원 리소스 90% 감소
- Virtual Scroll로 초기 렌더링 80%↑, API 요청 수 90%↓
결과·성과itsme.id 서비스 전체 유저 0→5만, 점주 반복 문의 80% 감소, 개발팀 운영 지원 리소스 90% 감소
02
MeRGe
- 기간
- 2026.06–
- 분야
- 웹 · 기획
- 형태
- 팀 5명
- 역할
- 개발 전담 (앱 · 백엔드 · 어드민 · 랜딩)
- 사용 툴
- React Native, Expo, TypeScript, Supabase, Next.js, Vercel

함께 찍으면 그 자리에서 공동 앨범이 되는 그룹 실시간 공유 카메라
모임이 끝나면 사진을 고르고 보내는 일이 한 사람에게 몰리는 문제에서 출발했다. 팟을 만들어 함께 찍으면 전원에게 실시간으로 공유되고, 사진은 48시간 동안 간이갤러리에 머물며 남길 것만 고르면 나머지는 정리된다. 5명 팀에서 개발을 혼자 맡아 iOS·Android 앱, Supabase 백엔드, 구독자 어드민, 랜딩 페이지를 만들었다. App Store와 Google Play에 정식 출시했다.
핵심 포인트
- 버릴 사진 대신 남길 사진만 고르는 48시간 간이갤러리
- 앱·백엔드·어드민·랜딩을 혼자 개발
- 링크·QR·카카오톡 초대와 유니버설 링크 연결
결과·성과App Store·Google Play 정식 출시, U300 아카데미 창업캠프 최우수상
03
NWCN 학과 공식 웹사이트
- 기간
- 2026.05–
- 분야
- 웹
- 형태
- 팀 (개발 1 · 디자이너)
- 역할
- 개발 전담 · 인프라 · 운영
- 사용 툴
- Next.js 14, TypeScript, Supabase, Cloudflare R2, Vercel, next-intl, Tiptap

관리자 CMS와 한/영을 지원하는 뉴미디어콘텐츠과 공식 웹사이트
작품과 소식이 코드에 하드코딩돼 바꿀 때마다 개발자가 필요했던 학과 사이트를 Figma 디자인 기반의 반응형 사이트로 새로 만들었다. 관리자가 작품·아티클·수상·행사를 직접 올리는 CMS와 한/영 지원, 검색 노출 설정을 구현했다. 무료 저장소 한도 문제는 Cloudflare R2와 커스텀 도메인으로 옮기며 호출부 18곳을 바꾸지 않고 전환했다. www.dima-nwcn.com에서 운영 중이다.
핵심 포인트
- 관리자 CMS로 콘텐츠 직접 관리, 한/영 지원
- 업로드 헬퍼 2개만 바꿔 R2로 이전, 원본과 차이 0
- 서버 캐시와 변경 시 재검증으로 홈 쿼리 2→1
결과·성과www.dima-nwcn.com 운영 중, 개발 세션 86개(2026.05–08)
04
ㅊㅊ 취미 찾기 AI
- 기간
- 2026.09
- 분야
- AI · 웹
- 형태
- 팀 3명
- 역할
- 아이디어 기획, 개발 전담
- 사용 툴
- Next.js, Supabase, HyperCLOVA X, Gemini, Naver Search API, Vercel

추천한 취미를 바로 시작하도록 실제 링크까지 찾아 주는 AI 취미 코치
설문 5개 축으로 취미를 추천하고 3단계 로드맵과 기록으로 이어 가게 돕는 서비스다. 추천 뒤 검색 링크만 주면 사용자가 다시 찾아야 하는 문제를, 실제 검색 결과 안에서 LLM이 고르게 하는 링크 리졸버로 풀었다. 네이버 검색 후보가 없을 때만 Gemini 검색 그라운딩으로 대체하고, 실제 GET 요청으로 열리는 링크만 보여 준다. 원티드 AI 챔피언십 2026 출품작이다.
핵심 포인트
- LLM이 링크를 지어내지 않게 실제 검색 결과에서만 선택
- 열리는 링크만 통과, 실패하면 그대로 표시
- 취미 94개, 로드맵 564단계 데이터 구축
결과·성과원티드 AI 챔피언십 2026 출품, chick-hobby.vercel.app 배포
05
COVID-MAPFLIX
- 기간
- 2021
- 분야
- 웹
- 형태
- 팀 5명
- 역할
- 아이디어, 기획, 프론트엔드
- 사용 툴
- React, d3, Recharts, react-simple-maps, Redux, styled-components

코로나19 확산과 넷플릭스 구독자 증가의 관계를 세계지도로 보는 웹
코로나19로 외출이 줄며 넷플릭스 구독자가 늘었다는 체감을 나라별로 확인하려고 기획했다. 국가에 마우스를 올리면 인기 콘텐츠와 구독자 추이가, 클릭하면 확진자 타임라인과 그 시기 인기 콘텐츠가 보이게 만들었다. 아이디어를 내고 기획과 프론트엔드를 맡았으며 데이터 분석과 백엔드는 팀원들과 나눴다. 엘리스 AI 트랙에서 진행했다.
핵심 포인트
- 국가별 hover·클릭으로 확진자와 구독자 추이 연결
- 콘텐츠 랜덤 추천 기능(Random DICE)
- 아이디어 제안부터 화면 흐름까지 담당
결과·성과엘리스 AI 트랙 2기 프로젝트
06
혼재
- 기간
- 2026.03–
- 분야
- 게임 · 3D
- 형태
- 팀 4명
- 역할
- 게임 로직 · 멀티플레이 · 애니메이션
- 사용 툴
- Unreal Engine 5, C++, Blueprint, GASP, Meshy AI

캐릭터 6명이 세 세계를 오가며 18개 자아로 싸우는 UE5 멀티버스 FPS
관람객이 직접 플레이하는 졸업전시용 3v3 FPS다. 세계를 넘을 때마다 무기와 스킬이 통째로 바뀌는 캐릭터 6명 × 세계 3개 = 18자아 구조를 핵심 메커니즘으로 잡았다. 4명 팀에서 서버 연동 멀티플레이, 게임 룰, 스킬과 캐릭터 애니메이션 리깅까지 개발 전반을 맡았다. Meshy AI로 만든 캐릭터에 애니메이션 133개를 리타겟해 게임에 넣었다.
핵심 포인트
- 캐릭터 6명 × 세계 3개 = 18자아, 스킬 29개
- 서버가 승인하는 근접 판정과 자동 테스트
- AI 평론 에이전트로 채점·개선·재채점 루프
결과·성과졸업전시 출품 목표로 개발 중(2026.03~)
원본 미리보기
원본 전체 보기 (39쪽)이력
수상
- 2026 · 수도권 창업동아리 캠프 해커톤 1위
- 2026 · 2026 창작선수단 AI 해커톤 특별상
- 2026 · U300 아카데미 창업캠프 최우수상 (MeRGe)
- 2026 · 학생 창업유망팀 300+ 전문대 트랙 선정
- 2015 · 내 손 안에 서울 시민작가공모전 1위 (「5시의 서울」 · 서울시장상)
- 2015 · 박카스 29초 영화제 대상 (「미소 회복은 피로회복부터」)
- 뉴미디어페스티벌 홍보영상 최우수
전시·발표
- 2026 · 원티드 AI 챔피언십 2026 출품 (ㅊㅊ)
- 2026 · 우연한 식탁 MVP 해커톤
- 혜화 벽화 복구 미디어파사드 (총괄 겸 디자이너)
경력·대외활동
- 2021.12–2022.10 · 주식회사 화이트블록 Frontend Engineer
- 2026.03~ · 교내 창업동아리 Re:On 팀
- 2025 · 우아한테크코스 8기 프리코스
- 2021 · 엘리스 AI 트랙 2기 수료
- 2021 · 42Seoul La Piscine 4기
- 2017.12–2018.03 · Google 뉴스랩 펠로우십 필터팀 (인포그래픽 영상)
- 모션그래픽 회사 인턴
연락

1쪽 / 39 
2쪽 / 39 
3쪽 / 39 
4쪽 / 39 
5쪽 / 39 
6쪽 / 39 
7쪽 / 39 
8쪽 / 39 
9쪽 / 39 
10쪽 / 39 
11쪽 / 39 
12쪽 / 39 
13쪽 / 39 
14쪽 / 39 
15쪽 / 39 
16쪽 / 39 
17쪽 / 39 
18쪽 / 39 
19쪽 / 39 
20쪽 / 39 
21쪽 / 39 
22쪽 / 39 
23쪽 / 39 
24쪽 / 39 
25쪽 / 39 
26쪽 / 39 
27쪽 / 39 
28쪽 / 39 
29쪽 / 39 
30쪽 / 39 
31쪽 / 39 
32쪽 / 39 
33쪽 / 39 
34쪽 / 39 
35쪽 / 39 
36쪽 / 39 
37쪽 / 39 
38쪽 / 39 
39쪽 / 39




