AI 에이전트로 제품 전 과정을 만드는 김종연입니다.
AI 에이전트를 도구가 아니라 개발 프로세스로 다룹니다. 기획·설계·구현을 한 흐름으로 이어 제품을 완성합니다.
코드로 경험을 설계합니다
안녕하세요, Claude Code 기반의 Agentic Workflow로 기획부터 개발까지 완수하는 프론트엔드 개발자 김종연입니다.
MCP, Skills 등 최신 AI 에이전트 생태계를 활용한 Agentic Workflow를 구축하여 기획, PRD 작성, 디자인 프로토타이핑, 프론트엔드 개발에 이르는 제품 개발 전 과정을 주도합니다.
단순한 코드 구현을 넘어, AI 파이프라인을 다루는 감각으로 아이디어를 빠르게 명세화하고 고품질의 서비스로 완성해 내는 엔드투엔드(End-to-End) 실행력을 갖추었습니다. 신기술을 민첩하게 흡수하여, 개인 단위에서도 제품 전체를 완결성 있게 구축할 수 있는 압도적인 생산성을 지향합니다.
기술로 기반을 다집니다
- 프론트엔드
- React능숙
- Next.js능숙
- Tailwind CSS능숙
- TypeScript활용
- 상태관리
- Zustand능숙
- Tanstack Query능숙
- 애니메이션
- GSAP능숙
아이디어를 현실로 만듭니다
- 01Featured
대표 프로젝트명
핵심 지표 00% 개선
가장 자신 있는 프로젝트 설명을 여기에 작성합니다. 핵심 성과는 마커로 강조합니다.
Tech
- 02
프로젝트명
프로젝트 설명을 여기에 작성합니다.
Tech
경험으로 성장했습니다
2026.01 — 2026.03
정규직멘탯
웹 개발·개발자
2026.01 — 2026.02
RAG 기반 LLM 서비스용 CMS 개발
심리상담 전문 LLM 서비스의 도서 데이터를 관리하는 CMS를 설계·개발했습니다. 출판사 계약·도서·인사이트 관리 기능을 구현하고, 출판사별 관리자 계정을 발급해 데이터를 직접 관리할 수 있도록 했습니다.
2026.02 — 2026.03
EPUB 자동화 파이프라인 구축 R&D
인디자인 파일 기반 전자책 제작 공정을 수기(권당 10만원·1주일)에서 자동화(권당 2만원·1시간)로 전환했습니다. Marker 라이브러리로 EPUB→MD 변환과 자동 검수·수정 파이프라인을 설계했고, 책마다 편집 성향이 달라 완전 자동화가 어렵다고 판단해 웹 기반 반자동 편집 도구로 방향을 바꿔 자동화율 80%를 달성했습니다.
2025.11 — 2025.12
계약직팀스파르타
프론트엔드 개발·개발자
2025.11 — 2025.12
바이브 코딩 기반 개발 프로세스 R&D 및 가이드 구축
협력사·주니어 개발자의 온보딩 속도를 높이기 위해 바이브 코딩 가이드 문서를 제작했습니다. 제작 과정 자체를 R&D 대상으로 삼아 개발 흐름을 구조화하고, 기획 → 구현 → 배포로 이어지는 반복 가능한 AI 기반 개발 프로세스를 정립했습니다.
2025.09 — 2025.10
인턴씨소(seeso)
프론트엔드 개발
2025.09 — 2025.10
단기 임대 웹 서비스 프로토타이핑 & 문서화
요구사항을 페이지 단위 명세로 전환해 코딩 에이전트와 협업 가능한 구조를 설계했습니다. 에이전트 환경에서 tosspayments MCP를 붙여 결제·테스트 흐름 프로토타입을 구현했습니다.
배움의 발자취입니다
2020.03 — 2025.02
전문학사동서울대학교
컴퓨터통신과
2025.01 — 2025.05
수료내일배움캠프
웹 프론트엔드 개발 React 9기