Portfolio · 2026 Edition

인치수 CHEESU IN

10년차 프론트엔드 엔지니어. 의료영상 UI부터 멀티에이전트 자동화 파이프라인, AWS 인프라까지 직접 설계하고 구현하며, 팀의 개발 표준을 만들어 전파합니다.

프로젝트 보기 이메일 보내기

10년+

Frontend 경력

50%

AI 비용 절감

90%

실시간성 개선

/ 01

소개

10년차 · Frontend · AI Automation

10년 이상 프론트엔드 개발 경험을 보유한 엔지니어. 레거시 리팩토링부터 아토믹 디자인 시스템 설계, 실시간 데이터 스트리밍(SSE), 메디컬 뷰어 인터랙션 구현까지 기술 범위가 넓으며, 팀 코드 품질과 개발 생산성 개선을 주도해온 경험이 있습니다.

현재 Neurophet에서 의료영상 분석 플랫폼(NEO · Aqua · HQN)의 프론트엔드를 담당하고 있습니다. 별도로 Claude Code CLI 기반 멀티 에이전트 자동화 파이프라인을 직접 설계해 본인 실무에 적용하고 팀 전체에 전파했습니다. Planner-Implementer-Reviewer 역할 분리, 다중 보안 훅, 승인 토큰 시스템 등 프로덕션 수준의 AI 자동화 아키텍처를 구축한 경험을 보유하고 있습니다.

기술을 위한 기술보다는 문제를 직접 발견하고 자발적으로 해결하는 것을 즐깁니다.

/ 02

기술 스택

domain-grouped · 강조는 주력

AI · 자동화multi-agent

Claude Code CLI 멀티 에이전트 오케스트레이션 Opus / Sonnet 분리 Azure DevOps MCP Serena MCP Browser Tools MCP PreToolUse / PostToolUse Hook 승인 토큰 시스템 LangChain LangGraph Qdrant (Vector DB) Hybrid Search RAG Text2SQL

Frontendcore

React TypeScript Next.js Svelte / SvelteKit Electron Redux / RTK Query MobX React Hook Form Zod Tailwind CSS styled-components MUI · Kendo UI · FusionChart

의료영상domain

VTK.js DICOM Parser NIfTI · Block Shuffle 복호화 SSE Socket.IO / WebSocket Canvas 렌더링

Backend · 인프라supporting

Node.js · Express · Fastify Python Java · Spring Boot · Egov Docker Terraform AWS (S3 · CloudFront · Lambda · API GW · Route53 · ACM · EC2 · ECS) GitHub Actions MySQL · Oracle · MariaDB · MongoDB

/ 03

핵심 성과 수치

실측 및 추정 · 측정 방법은 이력서 참고

AI 에이전트 비용 절감

50%

Serena MCP(코드 읽기 8~9배↓) + 구현자 Sonnet 분리. Opus 단독 대비.

2026 · 보수적 추정

SSE 전환 · 실시간성

90%

5초 롱폴링 → SSE. 평균 대기 2.5s → 0.2s.

2025 · Aqua

탭 전환 시간 단축

60~70%

200~500ms → 50~150ms. 지연 로딩 구조 변경.

2025 · HQN

컴포넌트 재렌더링 개선

60%

React Hook Form + Zod 도입 · 렌더 카운터 실측.

2024 · NEO

코드량 감소 (아토믹)

50%

CSS 50% · 스크립트 30% · 신규 유사화면 최대 80%.

2024 · NEO

Report Server 메모리

40~60%

PNG 페이지 분할 구조 도입.

2025 · NEO

Vite 빌드 속도

60~70%

Webpack → Vite 마이그레이션.

2025 · NEO

SQL 튜닝

70s→5s

과도한 JOIN / UNION ALL 정리.

2014~ · BEMS

/ 04

경력

2014.12 → 현재

2024.04
~ 현재현직

Neurophet · 프론트엔드 엔지니어

의료 AI / 뇌 영상 분석 플랫폼 · NEO · Aqua · HQN

2026AI 자동화 파이프라인 설계·운영

Planner(Opus) / Implementer(Sonnet) / Reviewer(Opus) 3단계 역할 분리
4개 Python 훅(PreToolUse/PostToolUse) + 2단계 승인 토큰으로 AI 행동을 코드 레벨에서 통제
Serena MCP 도입으로 코드 읽기 토큰 8~9배 절감 (세션 분석 CLI 직접 측정)
사내 「Claude Code 엔지니어링 가이드」 발표 — 팀 전체 AI 워크플로우 전파

2025Aqua · SSE 제안·구현·안정화

5초 단위 롱폴링 한계를 분석하고 SSE 전환 제안 → 실시간성 90% 개선 (2.5s → 0.2s)
프록시 환경 SSE 미동작 문제 발견 → Nginx 설정 분석 후 해결

2025HQN · 혈관 분석 플랫폼

혈관 도식도(Vessel Diagram) 시스템 처음부터 설계
VTK.js 기반 메디컬 뷰어 혈관 좌표 선택·인터랙션 개발
탭 전환 60~70% 단축

2024NEO 플랫폼 개발

아토믹 컴포넌트 디자인 패턴 주도 — CSS 50%, 스크립트 30% 감소
ZOD + React Hook Form 도입 — 팀 전체 Form 코드 일원화

2023.07
~ 2024.03PL · 프리랜서

띵스 파이어 · 프론트엔드 PL

광역 산업단지 에너지 관리 시스템 (CEMS)

개발 PL로 API 인터페이스 설계 및 협업사 API 연동 협의
React 프로젝트 리팩토링, Redux + RTK Query 기반 API 연동

2022.02
~ 2023.04풀스택

산타데이 · 풀스택 엔지니어

현대 · 금성출판사 등 클라이언트 프로젝트

Hyundai IONIQ Care+ (싱가포르) — React + Spring Boot 백오피스
My Hyundai — 전기차 충전소(E-pit) 화면, 카카오맵 API

2018.01
~ 2021.06풀스택

삼원씨앤지 · 풀스택 엔지니어

에너지 관리 시스템(EMS) 솔루션

Kendo UI · Fusion Chart 기반 에너지 소비 분석 데이터 시각화
Egov 기반 EMS 서버 구현 (시큐어 코딩 적용), GS 인증 지원

2014.12
~ 2017.03풀스택

주인정보시스템 · 풀스택 엔지니어

BEMS & FMS 솔루션

Kendo UI 기반 Drag & Drop 대시보드 위젯 편집기
Egov 기반 BEMS · FMS 서버 구현, SQL 튜닝 (70s → 5s)

/ 05

Works

데모 · 케이스 스터디 · 사이드 프로젝트

P-01 · AI · NL → SQL

Text2SQL 풀스택

자연어 → 스키마 조회 → SQL 생성 / 실행 / 재시도 파이프라인. 실패 시 피드백 루프 포함.

FastifyMySQLLLM APISvelteKit

인터랙티브 데모 열기 →

P-02 · 의료영상 · 3D

혈관 3D 렌더링 POC

HQN 스타일 cerebrovascular mock tree POC. Canvas 2D 직접 구현, 회전·줌·슬라이스 인터랙션.

Canvas 2D3D MathSvelteKit

3D 시뮬레이션 열기 →

P-03 · AI · 퀀트 분석

S&P500 퀀트 리서치

Python으로 구현한 S&P 500 밸류/모멘텀 스크리닝·레짐 분류·백테스트 파이프라인. Claude Code 슬래시 커맨드로 실행하고 LLM이 리포트 해설을 덧붙이는 정적 쇼케이스.

PythonClaude Codefinvizyfinance

쇼케이스 열기 →

P-04 · AI · DevOps 자동화

ADO Claude 자동화 파이프라인

Azure DevOps 작업 픽업부터 Draft PR 생성까지 전 과정을 Claude Code 멀티에이전트로 자동화한 워크플로우 키트.

Claude CodePythonAzure DevOpsMulti-Agent

프로젝트 상세 보기 →

P-05 · 의료영상 · AI · 데스크탑

DICOM Electron + RAG 챗봇

DICOM 의료 이미지 태그를 일괄 편집하고, Qdrant 하이브리드 검색 기반 개인 메모 RAG 챗봇을 결합한 Electron 데스크탑 앱.

ElectronReactQdrantLangChain

프로젝트 상세 보기 →

P-06 · Figma Plugin · 다국어

Figma i18n 자동화 플러그인

Figma 디자인의 Typography 텍스트를 4개 언어로 자동 변환하는 플러그인. UX팀 다국어 작업의 수작업 오류를 제거하기 위해 자발적으로 개발.

TypeScriptFigma Plugin APIWebpacki18n

프로젝트 상세 보기 →

P-07 · Fullstack · Infra · DevOps

cheesu.co.kr

SvelteKit 5 + Fastify 모노레포. React 런타임이 번들에서 빠지는 가벼움 때문에 Next.js 대신 선택. Terraform AWS Serverless, GitHub Actions OIDC 자동 배포.

SvelteKitFastifyTurborepoTerraform

프로젝트 상세 보기 →

/ 06

연락

메일 · 전화 모두 응답

Emaildlscltn@gmail.com Phone010-8440-0344 GitHubgithub.com/cheesu Sitecheesu.com Tech Blogyamea-guide.tistory.com