김덕환
감동과 사랑을 전하는 '기술 번역가'
사용자의 감정과 니즈를 이해하고, 진정한 가치를 전달하는 개발자입니다.
Contact
Profile
저는 '신뢰할 수 있는 기술 번역가'로서 사용자의 감정과 니즈를 이해하고, 이를 기술로 번역하여 진정한 가치를 전달하는 것을 목표로 합니다. 단순히 기능을 구현하는 것을 넘어, 사용자에게 감동과 사랑을 전하는 서비스를 만들고 싶습니다.
호기심으로 살아갑니다. 예전에는 궁금한 것을 해결하는 데 많은 시간과 노력이 들었지만, 지금은 AI 덕분에 레버리지를 활용하여 '내가 이렇게 많이 알아도 되나?'싶을 정도로 다양한 분야의 지식을 빠르게 습득하고 실험하고 있습니다.
Tech Stack
Languages
Frontend
Backend
Deployment
CI/CD & DevOps
Collaboration
AI Tools
Projects
BE Lead로 GCP 인프라 구축 및 팀 코드 리뷰 문화 정착
Finders - 필름 현상소 연결 플랫폼
필름 카메라 사용자를 위한 현상소 검색·예약·사진 공유 플랫폼. UMC 9기 프로젝트로 BE Lead를 맡아 아키텍처 설계, 코드 리뷰 문화 정착, GCP 인프라 구축을 담당.
기술적 도전
AI 활용
- Stable Diffusion Inpainting API 연동 - 필름 빛번짐(Light Leak) 복원 기능
- Claude Code로 기존 ThreadPool 코드를 Java 21 Virtual Threads로 마이그레이션
- GCP VPC 네트워크 설계, IAP SSH 터널링으로 보안 DB 접속 환경 구축
- 포트원(PortOne) 결제 시스템 연동 - 예약 → 결제 → 확정 플로우 설계
GCP 인프라 아키텍처
flowchart TB
subgraph Client["클라이언트"]
A[Next.js App]
end
subgraph GCP["Google Cloud Platform"]
subgraph Compute["Compute Engine"]
B1[Main Instance]
B2[Dev Instance]
end
C[(Cloud SQL - MySQL)]
D[Cloud Storage]
E[Cloud Vision AI]
end
subgraph External["외부 서비스"]
F[Stable Diffusion API]
G[PortOne 결제]
end
A --> B1
A --> B2
B1 --> C
B2 --> C
B1 --> D
B1 --> E
B1 --> F
B1 --> G
오픈소스 코어 기여로 DAU 40, 활성 Agent 100+ 운영
agentgram - AI Agent SNS 플랫폼
AI Agent들이 자율적으로 소통하는 SNS 플랫폼. 코어부터 SDK, MCP 서버까지 6개 레포에 380+ 커밋을 기여하며 멀티 레포 생태계를 확장.
기술적 도전
AI 활용
- 피드·팔로우·스토리·알림 등 핵심 기능 설계에 Claude Code 활용
- Supabase RLS 정책 설계 및 PostgreSQL 쿼리 최적화
- REST API/OpenAPI 스펙 자동 생성 파이프라인 구축
멀티 레포 생태계
flowchart TB
subgraph Client["클라이언트"]
A[Next.js 16 App - Vercel]
end
subgraph Backend["백엔드"]
B[Supabase - PostgreSQL + RLS]
C[REST API / OpenAPI]
end
subgraph Repos["멀티 레포 생태계"]
D[Core]
E[JS SDK]
F[Python SDK]
G[MCP Server]
H[OpenClaw]
I[AX]
end
subgraph Infra["인프라"]
J[Self-hosting + Docker]
end
A --> B
A --> C
D --> E
D --> F
D --> G
J --> B
40명 인터뷰로 검증, 창업 프로그램 최우수상 수상
MathFigure - 수학 콘텐츠 제작 SaaS
고3 수능 콘텐츠를 제작하는 선생님들의 "도구 복잡성" Pain Point를 40명 인터뷰로 발견. I-Corps 기반 5주 고객검증 후 직관적 UX로 제작 시간을 1/10로 단축하는 MVP 개발.
기술적 도전
AI 활용
- MathJson 스펙 학습 및 수식 파싱 로직 개발
- JSXGraph API 탐색 및 그래프 렌더링 최적화
- 40명 인터뷰 결과 분석 및 Pain Point 도출
수식 처리 파이프라인
flowchart LR
A[LaTeX 입력] --> B[MathJson 파싱]
B --> C[Compute-engine 계산]
C --> D[시각화 타입]
D -->|수식| E[MathLive 렌더링]
D -->|도형| F[Konva 캔버스]
D -->|그래프| G[JSXGraph]
E --> H[PNG/SVG 내보내기]
F --> H
G --> H
AI 병렬 발신으로 응급 병원 매칭 시간 5분 → 30초 단축
119-ai - AI 기반 응급 병원 매칭 시스템
응급 이송 시 순차 전화로 발생하는 병목을 AI 병렬 발신으로 해결. 환자 정보 1회 입력으로 5+개 병원에 동시 발신하여 매칭 시간을 대폭 단축. 2026 청룡톤 대상 수상.
기술적 도전
AI 활용
- Gemini Live API 기반 실시간 음성 대화 자동화
- NestJS + Python AI 통화 파이프라인 설계
- Twilio 병렬 발신 아키텍처 구현
병렬 발신 아키텍처
flowchart TB
A[환자 정보 입력] --> B[NestJS API Server]
B --> C[Python AI Pipeline]
C --> D[Gemini Live API]
D --> E[Twilio 병렬 발신]
E --> F[병원 1]
E --> G[병원 2]
E --> H[병원 3+]
AI 벡터 매칭으로 1인 풀스택 소개팅 서비스 구축
덕친소 - 김덕환 친구 소개팅 서비스
주변 친구들의 소개팅 요청이 늘면서 수동 매칭의 한계를 느끼고, pgvector 기반 유사도 매칭과 AI 추천 사유 생성 기능을 갖춘 서비스를 개발. 실제 운영 중.
기술적 도전
AI 활용
- pgvector를 활용한 이상형 데이터 벡터화 및 유사도 매칭
- AI가 "왜 이 사람을 추천했는지" 설명 생성
- Claude Code로 Cloudflare Tunnel, Docker Compose, SSL 자동 갱신 구현
시스템 아키텍처
flowchart TB
subgraph Client["클라이언트"]
A[Next.js App - Vercel]
end
subgraph Server["Mac Mini M2 서버"]
B[Spring Boot API]
C[(PostgreSQL + pgvector)]
D[Docker Compose]
end
subgraph External["외부 서비스"]
E[Cloudflare Tunnel]
F[PortOne 결제]
G[Solapi SMS]
end
A --> E
E --> B
B --> C
D --> B
D --> C
B --> F
B --> G
JWT 인증 단일화로 API 응답속도 50% 개선
오메추 - AI 기반 메뉴 추천 서비스
UMC 8기 팀 프로젝트. 쿠키 세션과 JWT 혼용으로 인증 오류가 발생해 팀 전체 개발이 2주간 중단. 프론트 담당이었지만 직접 백엔드 로그를 분석하여 JWT 기반 통합 인증 방식을 제안·구현.
기술적 도전
AI 활용
- JWT vs 세션 방식의 차이점·장단점 학습
- Access/Refresh 토큰 관리 best practice 탐색
- 카카오 소셜 로그인 + JWT 통합 아키텍처 설계
인증 플로우
sequenceDiagram
participant U as User
participant C as Client
participant S as Server
participant DB as Database
U->>C: 로그인 요청
C->>S: POST /auth/login
S->>DB: 사용자 검증
DB-->>S: 사용자 정보
S-->>C: Access Token + Refresh Token
C->>C: 토큰 저장 (메모리/쿠키)
Note over C,S: API 요청 시
C->>S: API 요청 + Access Token
S-->>C: 응답 데이터
Note over C,S: 토큰 만료 시
C->>S: Refresh Token으로 갱신
S-->>C: 새 Access Token
AI와 페어 프로그래밍으로 Feature-First 아키텍처 구축
log8 - AI와 함께 운영하는 개인 기술 블로그
학습 기록과 문제 해결 과정을 정리·공유하기 위한 기술 블로그. Obsidian에서 글을 작성하면 Astro Content Collections로 자동 빌드·배포되는 구조.
기술적 도전
AI 활용
- Claude Code로 Feature-First Architecture 리팩토링 설계·구현
- AST-grep 활용 TailwindCSS v4 일괄 마이그레이션 (bg-gradient → bg-linear 등)
- SEO/AEO 최적화 - GPTBot, ClaudeBot 등 AI 크롤러 명시적 허용
블로그 워크플로우
flowchart LR
subgraph Writing["글쓰기"]
A[Obsidian 작성]
B[publish: true 설정]
end
subgraph Build["빌드"]
C[Astro Content Collections]
D[MDX 렌더링]
end
subgraph Deploy["배포"]
E[GitHub Actions]
F[Cloudflare Pages]
end
subgraph Result["결과"]
G[log8.kr]
end
A --> B
B --> C
C --> D
D --> E
E --> F
F --> G
3주 만에 MVP 개발부터 배포까지, 주간 활성 사용자 100명
Starterm - 스타트업 용어 학습 플랫폼
한양대학교 창업학 수업에서 예창패·MVP 등의 스타트업 진입을 준비하는 학생들을 위한 맞춤형 용어 학습 플랫폼. 3명 팀에서 3주 만에 개발·배포.
기술적 도전
AI 활용
- Supabase 인증 + 실시간 기능 빠른 구현 학습
- Framer Motion 공식 문서 기반 애니메이션 최적화
- 핵심 기능 우선순위 결정
시스템 아키텍처
flowchart TB
subgraph Client["클라이언트"]
A[Next.js App]
B[Framer Motion UI]
end
subgraph Backend["백엔드 (Supabase)"]
C[(PostgreSQL)]
D[Auth Service]
E[Real-time Subscriptions]
end
subgraph Deploy["배포"]
F[Vercel]
end
A --> D
A --> C
A --> E
B --> A
F --> A
Experience
UMC 8기/9기 Web Part
2025.03 - 현재9기 웹 파트장 | 9기 Spring Boot 챌린저
IT 연합 동아리 UMC에서 웹 개발을 학습하고, 팀 프로젝트를 진행하며 실무 경험을 쌓고 있습니다. 9기에서는 웹 파트장으로서 파트원들의 학습을 지원하고, Spring Boot 챌린저로 백엔드 개발 역량을 확장하고 있습니다.
- 8기: 팀 프로젝트 '오메추'에서 인증 파트 담당, 데모데이 장려상 수상
- 9기: 웹 파트장으로 파트원 학습 지원 및 코드 리뷰
- 9기: Spring Boot 챌린저로 백엔드 개발 학습 중
반포4동 성당 중고등부 교사
2019.09 - 2024.12중고등부 교사 (5년)
중학생 30명을 대상으로 교리 프로그램을 진행하며 소통과 공감 능력을 키웠습니다.
AI 활용 강연
2025.05, 07, 09연사
시니어 소상공인을 위한 AI 활용법 강연을 총 3회 진행했습니다. (한국시니어교류협회 1회, 리피움 2회)
- ChatGPT Custom Instructions, Gemini Gems, NotebookLM 활용법 소개
- 소상공인을 위한 실전 AI 도구 활용 사례
- MCP(Model Context Protocol) 개념 및 활용법 (리피움)
Awards & Certifications
Awards
Certifications
Education
중앙대학교
2020.03 - 2026.02 (졸업예정)수학과 (Mathematics)
수학적 사고력과 논리적 문제 해결 능력을 바탕으로 개발 분야에 도전하고 있습니다.
마지막 학기 16학점을 이수 중이며, 2026년 2월 졸업 예정입니다.
이 포트폴리오는 웹에서 확인하실 수 있습니다.
최종 업데이트: 2026년 1월 25일