AI 기능, 덴탈 도메인, 브라우저 3D와 실시간 미디어를 실제 사용자·운영자 Workflow 안에서 구현한 사례입니다.
기능 목록보다 문제, 구현 범위, 판단과 결과가 빠르게 읽히도록 정리했습니다.
AI Product / CMS / RAG
단독 구현 · 고객사 직접 커뮤니케이션
전시 현장에서 운영된 AI 도슨트 제품
운영 CMS와 관람객 모바일 웹, QR 진입, 다국어 오디오, RAG 챗봇, 운영 분석을 하나의 관람 흐름으로 연결했습니다.
구현 범위
판단과 결과
Workflow / SDK / WebRTC
AI Platform·SDK · 실시간 제품 프론트엔드
긴 AI Workflow와 실시간 미디어 상태를 제품 UI로 구현
장시간 AI 작업 화면, AI avatar SDK·kiosk, AI 캐릭터 영상 대화 서비스에서 비동기 처리와 실시간 상태·실패 흐름을 다뤘습니다.
구현 범위
판단과 결과
Agent Ops / Memory / Wiki
개인 시스템 설계·운영
AI 작업을 기억·근거·검증·자동화가 남는 운영체계로 구성
Hermes, Honcho, Ollama, hk-wiki와 cron을 연결해 조사·구현·검증·회고를 반복 가능한 작업 흐름으로 운영합니다.
구현 범위
판단과 결과
B2B Dental / Patient Workflow / PWA
키튼플래닛 제품 개발 · 사이버메드 덴탈 소프트웨어
서로 다른 제품 환경에서 축적한 덴탈 도메인 경험
키튼플래닛에서는 예약·접수 제품을, 사이버메드에서는 설치·라이선스와 CT·DICOM·PACS 운영을 각각 경험했습니다.
구현 범위
판단과 결과
Dental Imaging / Browser 3D
외부 덴탈팀 기술 검증 POC
vtk.js로 DICOM 3D Volume과 2D MPR을 웹에서 검증
프론트엔드 인력이 없던 외부 덴탈팀을 위해 React·Next.js·vtk.js 기반 Viewer POC를 제작했습니다.
구현 범위
판단과 결과
AI 제품, realtime interaction, 운영 Workflow와 AX를 어떤 기술로 연결해 왔는지 확인할 수 있습니다. 덴탈·DICOM 경험도 별도 역량으로 정리했습니다.
Product Frontend · AI · Realtime · AX
React·Next.js·React Native로 AI 제품과 실시간 인터랙션, 운영 Workflow를 개발합니다. 덴탈·헬스케어와 DICOM 3D 기술 검증을 포함한 다양한 도메인에서 사용자 화면, CMS, 상태·오류 처리를 제품 단위로 연결합니다.
관련 프론트엔드 경력 6년+
AI Platform·WebRTC 제품 개발
Orca·Agent Skills·Hermes 기반 AX 운영
치과 B2B·DICOM·vtk.js 경험
AI 기능을 실제 사용자·운영자 흐름 안에 배치
Media와 Session 상태를 사용자가 이해할 수 있는 UI로 표현
AI 활용을 병렬 구현·검증·지식 축적·팀 교육으로 확장
치과 예약·운영과 DICOM 영상 도메인을 웹 제품으로 연결
제품 구현, 병렬 작업, 교차리뷰, 지식 축적, 팀 교육까지 연결해 AI 활용이 개인의 프롬프트에 머물지 않도록 시스템과 규칙으로 만듭니다.
Working Principle
AI가 실행하고, 사람은 범위·근거·결정을 소유하며, 다른 모델과 실제 동작으로 결과를 검증합니다.
Agentic Delivery
AI에게 코드를 맡기는 것이 아니라, 검증 가능한 작업 시스템을 설계합니다.
Reusable Agent Workflows
반복되는 개발 판단과 함정을 재사용 가능한 Agent Skill로 제품화합니다.
Personal AI Operating System
대화가 사라지지 않고 기억·근거·자동화·관찰 가능성으로 축적되게 운영합니다.
AI Enablement
개발자와 비개발자가 함께 활용할 수 있도록 19페이지 교육자료를 제작하고, Claude Code 개념·직군별 활용·MCP 연동·Plan → Build → Test → Git 데모 흐름을 정리했습니다.
제품 범위
AI Docent, 장시간 AI Workflow, AI avatar SDK, digital-human kiosk, AI 캐릭터 제품의 사용자·운영 화면을 개발합니다.
제품 범위
키튼플래닛에서 함께 일한 PM이 창업한 회사에서, 이전 협업에 대한 신뢰를 바탕으로 실버 헬스케어 앱과 운영 웹 개발을 제안받아 참여했습니다.
제품 범위
트리니들 공동대표 2인의 제안으로 프리랜서 협업을 이어가며 AI 캐릭터 영상 대화 서비스를 개발했습니다.
제품 범위
라이브 스트리밍 후원 플랫폼의 운영 어드민을 신규 구축하고, 방송 Overlay·Remote Controller·실시간 상태 UI를 개발했습니다.
제품 범위
치과별 정보·도메인을 지원하는 B2B 멀티테넌트 예약·접수 플랫폼과 병원 어드민, 태블릿 PWA, 덴탈 커머스, 보호자 WebView를 개발했습니다.
대표 사례의 깊이는 위에서, 여기서는 전체 작업물을 분야·연도·기술 축으로 빠르게 훑을 수 있게 정리했습니다.
dental, senior care, reservation, PWA
chat, docent, persona, AI-assisted product flow
streaming, overlay, WebRTC/WebSocket
ops tooling, CMS, payment/admin flows
WPF, DICOM/PACS, medical software support
SDK, docs, realtime media, deployable package
Hermes, Honcho, Ollama, hk-wiki, cron automation
avatar SDK, kiosk, voice/touch routing
전시 현장에서 운영된 AI 도슨트 제품
긴 AI 처리의 상태와 오류를 다루는 사용자·운영 화면
Hermes/Honcho/Ollama/hk-wiki 기반 개인 AI 작업 운영체계
Claude Code·Codex·Hermes에서 재사용하는 개인 Agent Skill 체계
AI avatar communication을 위한 TypeScript SDK와 integration surface
Klleon SDK 기반 voice/touch digital-human kiosk
React·Next.js·vtk.js 기반 덴탈 영상 Viewer 기술검증
AI 캐릭터 채팅 main web, admin/studio, webview/payment 제품군
React Native·Expo 기반 AI 자동 일기 앱
AI 버튜버와 사용자가 1:1 영상 대화할 수 있는 realtime product frontend
치과 예약 사용자 웹, 병원 운영 어드민, 태블릿 PWA
대형 터치 디스플레이용 digital-human 안내 키오스크
AI 캐릭터 생성/관리용 admin-studio
React Native·Expo 기반 위치기반 산책 트래킹 앱
방송 송출 프로그램에서 browser source로 사용하는 후원 Overlay와 별도 콘텐츠 제어용 Remote Controller
React 기반 통합 운영 어드민
치과 예약 솔루션 AI 기반 예약 시스템 데모
치과 예약 어드민 웹
치과 예약 POC 클라이언트와 태블릿용 웹
의료용 CT 뷰어 소프트웨어의 설치 자동화, 라이선스 클라이언트, CT/DICOM 영상 자동 전송 유틸리티 개발과 Ondemand3D 유지보수/기술지원
AngularJS 기반 주문·발주 하이브리드 웹앱과 Android 물류 모듈 개발
공공기관 전산망 분리, VPN/NAC, 보안장비, 데이터센터 운영 지원과 기술 협업 경험
AI 개발자 해커톤, 사내 AI workflow 공유, 프로젝트 발표와 대학 경진대회까지 이어지는 실행 중심의 활동 기록입니다.
SK AI Summit 2025의 MCP 서버 개발 미션에서 ChillMCP 기술검증 프로젝트를 진행했습니다.
개발자·비개발자 활용 사례, MCP, 설치와 고급 기능, 도구 비교를 정리한 19페이지 교육자료와 데모를 제작했습니다.
대중교통 정보를 바탕으로 통학 경로를 제안하는 모바일 애플리케이션을 제작했습니다.
IoT 센서와 연동해 식재료와 유통기한을 관리하는 냉장고 관리 앱 아이디어를 제안했습니다.
웨어러블 디바이스 해외 기술 탐방을 바탕으로 기술 흐름을 분석하고 발표했습니다.
CTO, CEO, PO·기획, 디자이너, 프론트엔드 동료가 남긴 협업의 기록입니다.
“항상 웃는 모습과 긍정적인 마인드로 개발하고 동료들과 좋은 관계를 맺고 있는 모습이 든든합니다.”
“바쁘게 서비스 홈페이지를 카페24에서 나와 멋지게 만들어 주시고, 개발팀의 핵심 멤버로서 더욱 멋진 모습이 기대됩니다.”
“지난 1년 동안 써홈을 탄탄하게 만들어주셔서 고생 많으셨습니다. 앞으로도 디자인팀과 좋은 케미 부탁드려요.”
“UX 고민을 적극적으로 의견 주고, 피드백도 수용하면서 업무를 진행해 항상 든든합니다.”
“항상 웃는 모습과 긍정적인 마인드로 개발하고 동료들과 좋은 관계를 맺고 있는 모습이 든든합니다.”
“바쁘게 서비스 홈페이지를 카페24에서 나와 멋지게 만들어 주시고, 개발팀의 핵심 멤버로서 더욱 멋진 모습이 기대됩니다.”
“지난 1년 동안 써홈을 탄탄하게 만들어주셔서 고생 많으셨습니다. 앞으로도 디자인팀과 좋은 케미 부탁드려요.”
“UX 고민을 적극적으로 의견 주고, 피드백도 수용하면서 업무를 진행해 항상 든든합니다.”
“프론트엔드에서 이렇게까지 할 수 있구나 많이 배우고 있어요. PRD2의 든든한 기둥 같은 느낌을 받았습니다.”
“웹 개발자가 없을 때 오셔서 많이 힘드셨을 텐데, 라비가 안 계셨으면 혼자서 많이 힘들었을 것 같아요.”
“아직 업무적으로 부족한 점이 많은 저를 도와주셔서 많이 배워가고 있습니다.”
“프론트엔드에서 이렇게까지 할 수 있구나 많이 배우고 있어요. PRD2의 든든한 기둥 같은 느낌을 받았습니다.”
“웹 개발자가 없을 때 오셔서 많이 힘드셨을 텐데, 라비가 안 계셨으면 혼자서 많이 힘들었을 것 같아요.”
“아직 업무적으로 부족한 점이 많은 저를 도와주셔서 많이 배워가고 있습니다.”