EveryAIs Work
여러 AI 모델에 질문하고 답변을 비교할 수 있는 서비스입니다. 채팅과 검색, 문서 생성, 결제 기능을 개발했습니다.
- 여러 모델의 동시 응답과 선택한 답변으로 대화 이어가기
- PostgreSQL 기반 인증·대화 저장·크레딧 정산
- 사용자 화면·백엔드·관리자 분리와 Docker 배포·운영 확인
Next.jsTypeScriptNode.jsPostgreSQLDocker
EveryAIs Work · 실제 서비스
YOONHWAN KIMPRODUCT ENGINEER · SINCE 2020
BASED IN SEOUL, SOUTH KOREA
Web, 3D,and AI.
2020년부터 웹과 모바일 서비스를 개발해 왔습니다.
AI 서비스와 3D 뷰어를 개발하고, AI 도구를 활용해 사용자 요구부터 검증·배포·개선까지 수행합니다.
SELECTED WORK FULL-STACK · 3D · AI
PRODUCT TO OPERATIONS
PRODUCT TO OPERATIONS
01
SELECTED WORK
그동안 만든
서비스입니다.
회사 프로젝트와 개인 프로젝트에서 맡은 일, 구현과 검증 과정을 정리했습니다.
FAV / FAVIEW
촬영한 공간을 파노라마와 3D로 둘러보는 서비스입니다. Flutter 앱과 웹 뷰어, 공간 편집 도구를 개발했습니다.
- 공간 관계 그래프 기반 이동·미니맵·경로 탐색
- 측정·자동 투어·태그·오브젝트 편집 도구
- Flutter 앱에 이어 Next.js·Three.js 기반 웹 뷰어 개발
- Tech Week Singapore 2022·MWC Barcelona 2026 부스 운영·영어 설명·데모
Next.jsThree.jsReact Three FiberFlutterZustand
설계와 구현
촬영 지점의 연결 관계를 그래프로 저장해 이동과 경로 탐색에 사용
뷰어 상태와 편집 상태를 따로 관리
Flutter 앱에서 제공하던 공간 탐색 기능을 Next.js·Three.js로 웹에 구현
클라우드 운영 플랫폼
AWS·NCP 서버 상태를 확인하고 DNS와 배포 작업을 관리하는 내부 도구입니다. 운영 화면과 제어 API를 개발했습니다.
- AWS·NCP 인스턴스 상태와 장기 메트릭 통합
- Cloudflare DNS와 Jenkins Pipeline 자동화
- TOTP·RBAC·감사 로그·Telegram 장애 알림
Next.jsExpressTypeScriptMySQLCloud APIs
설계와 구현
AWS·NCP의 서버 상태와 메트릭을 같은 형식으로 정리해 표시
위험 작업에 TOTP 인증과 역할별 권한을 적용하고 실행 이력 기록
메트릭을 장기 보관하고 장애 발생 시 Telegram으로 알림 전송
RealView / US3D
실물을 촬영한 뒤 3D로 확인하고 편집·공유하는 서비스입니다. 모바일 촬영 안내, 파일 업로드, 웹 뷰어를 개발했습니다.
- Gaussian Splatting·Babylon.js 기반 실물 뷰어
- 모바일 촬영 안내와 대용량 파일 업로드
- 3D 마커·카메라·FOV 편집 및 인증 화면
Next.jsBabylon.jsThree.jsFirebaseFFmpeg
설계와 구현
3D 표현 방식에 맞춰 Babylon.js와 Three.js를 나눠 사용
파일 업로드와 처리 상태를 구분하고 실패 시 재시도 지원
뷰어에서 카메라·마커·시야각(FOV)을 수정할 수 있도록 구현
윤슬
가까운 사용자를 위해 만든 사진 보정 웹서비스입니다. 요구사항과 레퍼런스를 정하고, Codex와 협업해 구현한 결과를 실제 사진으로 검증하며 개선했습니다.
- 사용자 요구·레퍼런스에 따른 기능 방향과 우선순위 결정
- 원본·보정본 비교와 AI 도구와의 테스트·배포 결과 확인
- 브라우저에서 사진 처리 · 입장 코드로 접근 제한
CodexMediaPipeDepthAnythingBrowser Image Processing
설계와 구현
MediaPipe 얼굴·인물 분할과 DepthAnything 계열 깊이 추정을 연동해 인물·전경 조명, 얼굴 보정과 폴라로이드 기능 구현
개인 사진의 서버 업로드를 최소화하도록 브라우저 내 로컬 처리를 중심으로 설계
AI 도구와 협업해 원본·보정본과 테스트·배포 결과를 확인하고, 조명 설정과 모바일 편집 화면을 개선했습니다.
02
EXPERTISE
이런 일을
해왔습니다.
01
AI 서비스와 도구 활용
멀티모델 AI 서비스의 대화·검색·문서 생성과 정산을 개발했습니다. 개인 프로젝트에서는 Codex와 협업하며 요구사항을 정하고 실제 결과를 검증했습니다.
02
3D 뷰어와 편집 도구
파노라마와 3D 데이터를 웹·모바일에 표시하고, 공간 이동과 측정, 태그·카메라 편집 기능을 만들었습니다.
03
배포와 운영 도구
서버 배포와 모니터링, 데이터 이전을 다뤄 왔습니다. 반복되는 운영 작업은 관리자 화면과 API로 만들었습니다.
ADDITIONAL EXPERIENCE
FAV Mobile
Flutter · Panorama · Maps
Hyundai Connected PoC
Flutter · Mapbox · Mobility
B2B Spatial Deployments
Mauna · Hoban · Midas · Ktown
FAV Operations
Admin · API · Data Migration
미리내 한국어 교육 서비스
React · Node.js · Flutter · Python NLP
03ABOUT
개발하고,
배포하고,
운영합니다.
브로즈에서 Technical Lead로 프론트엔드·백엔드 개발과 서버 배포·운영을 맡고 있습니다. 그전에는 미리내에서 한국어 교육 서비스의 웹·모바일과 NLP 서버 개발에 참여했습니다.
개인 프로젝트에서는 사용자의 요구와 레퍼런스를 바탕으로 기능의 방향과 우선순위를 정합니다. Codex와 협업해 구현한 뒤 실제 결과를 비교합니다. AI 도구와 협업해 테스트·배포 결과를 확인하고 발견한 문제를 개선합니다.
요구사항과 구현 실제 결과 검증 배포와 개선
EDUCATION
경희대학교
컴퓨터공학과 · 전자공학과 복수전공
TECHNICAL RANGE
01 / PRODUCTTypeScript · React · Next.js
Flutter · Node.js
02 / SPATIALThree.js · React Three Fiber
Babylon.js · Mapbox
03 / BACKEND & DATAExpress · Python · PostgreSQL
MySQL · MongoDB · Firebase
04 / INFRASTRUCTUREAWS · Docker · Nginx
Linux · CI/CD · Cloudflare
ENGINEERING TRAJECTORY
한국어 교육 서비스 · 미리내React · Node.js · Flutter · NLP
모바일·커넥티드 서비스 · 브로즈Flutter · Mapbox · mobility
공간 경험 플랫폼Panorama · web & mobile
3D 캡처와 뷰어Gaussian Splatting · Babylon.js
AI 제품과 운영Multi-model AI · cloud operations
윤슬 · 개인 프로젝트 · AI 도구 협업요구사항 · 실제 사진 검증 · 배포와 개선
CONTACT
함께 일할 기회나 궁금한 점이 있다면 메일 주세요.Let's talk.