AI와 경쟁하지 않고,
지휘합니다.
개발에서의 AI는 자유도보다 '제약'이 필요합니다.
컨텍스트를 장악하고 구현을 위임하되, 철저한 검증과 롤백 전략으로
가장 빠르고 안전하게 요구 스펙을 달성하는 저만의 파이프라인입니다.
맥락 주입 & 제약 설정
Context Injection & Constraints
AI의 자유도를 보장하기보다 '극단적으로 제한'합니다. 프로젝트의 전후 맥락과 엣지 케이스를 사전에 학습시켜, AI가 창의성을 발휘하기보다 정해진 레일 위에서 정교하게 움직이도록 통제합니다.
단계별 설계와 위임
Phased Prompting
구현 속도에서의 경쟁은 무의미합니다. 작업을 한 번에 요청하지 않고 페이즈(Phase)별로 쪼개어 지시하며, 저는 전체적인 컨텍스트 흐름을 쥐고 AI 에이전트에게 구현을 '100% 아웃소싱' 합니다.
문서 기반 검증
Doc-Driven Verification
AI가 작성한 코드를 바로 수용하지 않습니다. 먼저 '추론 과정'과 '변경 사항'을 문서화하도록 지시합니다. 이 문서는 제가 의도한 요구 스펙과 일치하는지 검수하는 강력한 필터가 됩니다.
통제 및 롤백
Control & Rollback
잘못된 구현은 언제든 발생할 수 있습니다. 하지만 체크포인트가 명확하다면 두렵지 않습니다. 문제가 발생하면 즉시 이전 상태로 롤백하고, 맥락을 수정한 뒤 다시 지시하여 안전하게 프로덕트를 완성합니다.
Core Principles
코더가 아닌, 지휘자
AI의 압도적인 구현 속도와 경쟁하지 않습니다. 저는 컨텍스트를 쥐고 지휘하는 설계자로서, AI를 도구로써 적극 활용합니다.
극단적인 제약 설정
AI에게 막연한 자유를 주지 않습니다. 엣지 케이스를 배제하고 입력값을 뾰족하게 다듬어 하나의 일을 정교하게 수행하도록 만듭니다.
안전 장치와 롤백
100% 위임하되 100% 신뢰하지 않습니다. 디테일한 검수와 언제든 돌아갈 수 있는 롤백 지점을 확보하여 안전한 개발을 지향합니다.
지속적인 기술 탐구
AI가 코드를 짠다고 해서 제가 몰라도 되는 것은 아닙니다. 아는 것을 시키는 것과 모르는 것을 맡기는 것은 천지차이입니다. AI의 산출물을 학습 노트 삼아 끊임없이 원리를 탐구합니다.
Skills & Tools
Frontend
Backend
Tools
A11yGym: 웹 접근성(KWCAG 2.2) 실습 플랫폼
Monaco Editor와 axe-core를 iframe 내에서 연동하여 실시간 접근성 검증 시스템을 구축한 인터랙티브 학습 플랫폼
AI 협업 포트폴리오 (subeom.dev)
Next.js 14와 FSD 아키텍처, Supabase로 구축하고 AI와 협업하여 완성한 나만의 포트폴리오 플랫폼
항해플러스 아카이빙
LMS 과제 제출 이력 영구 보존 서비스. 결함 허용 PR 매칭 알고리즘 설계 및 4-Layer Fallback 로직 구현.
언커버 (Uncover)
저작권 문제없는 음원을 찾고 영상과 미리 매칭해보는 스트리밍 플랫폼. Recoil 상태 관리와 Audio/Video 동기화 로직 구현.
A11yGym 개발기: 웹 접근성 학습 플랫폼을 만들며 마주한 기술적 도전들
웹 접근성 학습 플랫폼 A11yGym을 개발하면서 겪었던 iframe 내 React JSX 렌더링 문제와 axe-core 실행 시의 기술적 난관들을 해결한 과정을 공유합니다.
블로그 검색 기능 구현: 하이브리드 페이지네이션 설계하기
서버 사이드와 클라이언트 사이드 페이지네이션의 장점을 결합한 하이브리드 접근법. 검색 기능에서 성능과 사용자 경험을 모두 잡는 방법을 공유합니다.
블로그 검색 기능 성능 최적화: ISR부터 쿼리 개선까지
Supabase 쿼리 최적화, ISR 캐싱 전략, 그리고 향후 개선 방향까지. 실제 성능 개선 과정과 측정 결과를 공유합니다.