Kim Hyeon-Gyoun
Frontend Engineer
React와 TypeScript를 중심으로 8년 가까이 웹 프론트엔드를 개발해왔습니다. 실시간으로 데이터가 오가는 웹 애플리케이션, 팀이 매일 쓰는 사내 업무 도구, 짧은 기간에 트래픽이 몰리는 런칭·이벤트 웹까지 성격이 다른 제품을 맡으며 요구사항 정리부터 UI 설계, 배포 자동화까지 직접 챙기는 방식으로 일해왔습니다.
최근에는 사내 도구에 AI를 결합하는 일에 집중하고 있습니다. 도움말 제작 툴(헬프메이커)에서는 비주얼 에디터를 AI 에이전트가 직접 조작하도록 만들어, 여러 단계를 손으로 반복해야 했던 편집을 대화 한 번으로 처리할 수 있게 했습니다. 그 전에도 콘텐츠를 시각적으로 편집하는 웹 에디터, 배포 상태를 한 화면에서 관리하는 배포 도구, 다국어 문구를 관리하는 로컬라이징 도구를 직접 만들어왔습니다. 지금 보고 계신 이 사이트의 AI 채팅도 같은 관심에서 나온 결과물입니다.
서비스 개발에서는 SLOT MART에서 WebSocket 기반 실시간 통신 구조를 만들어 끊김 없는 화면 갱신을 구현하고, 외부 인증 기관(GLI)의 검증 스펙에 맞춰 기능을 개발해 심사에 대응했습니다. Browndust2와 Lies of P에서는 Headless CMS와 SEO 구조를 도입해 비개발자가 콘텐츠를 직접 운영하고 검색 유입을 확보할 수 있게 했습니다.
Experience
2022.05 — Present Frontend Engineer · 네오위즈퍼플CSI팀AI 에이전트 기반 제작 자동화사내 비주얼 에디터를 AI가 직접 조작하도록 만들어, 손으로 하던 편집 작업을 대화로 처리할 수 있게 했습니다.
- 도움말 제작 툴(헬프메이커)의 비주얼 에디터를 AI 에이전트가 직접 제어하는 구조 설계·구현
- 에디터의 편집 동작을 AI가 호출 가능한 단위로 정의해, 자연어 지시를 실제 편집 결과로 연결
- 여러 단계를 거쳐야 했던 반복 편집을 한 번의 지시로 처리해 제작 과정 단축
- LLM API 연동, 프롬프트 설계, 응답 검증까지 AI 기능 개발 전반 담당
사내 운영 도구비주얼 에디터, 배포 관리, 로컬라이징 등 팀이 매일 쓰는 웹 도구를 지속적으로 만들어왔습니다.
- 콘텐츠를 시각적으로 편집하고 결과를 즉시 확인하는 웹 에디터 설계·구현
- 빌드 산출물 업로드, 배포 대상 지정, 상태 확인을 한 화면에서 처리하는 배포 관리 도구 개발
- 다국어 문구와 도움말을 비개발자가 직접 관리하도록 로컬라이징 도구 구축
- 기획·QA·운영이 함께 쓰는 도구로 수작업 단계를 줄이고 반영 속도 개선
SLOT MART실시간 통신 기반 HTML5 웹 애플리케이션. 규제 시장 출시를 위한 외부 인증 심사까지 대응했습니다.
- React·WebGL 기반 UI와 인터랙션 구현
- WebSocket·REST API로 실시간 상태 동기화 및 재접속·예외 처리
- 외부 인증 기관(GLI) 검증 스펙에 맞춘 기능 개발 및 심사 대응
- GitLab CI/CD 파이프라인을 구성해 빌드·배포 자동화
브랜드 · 마케팅 웹Browndust2, Lies of P, Pmang. 런칭 캠페인과 콘텐츠 운영을 지원하는 웹을 담당했습니다.
- 티저·사전예약·런칭 단계별 사이트를 캠페인 일정에 맞춰 순차 구축
- Astro·Strapi Headless CMS를 도입해 비개발자가 콘텐츠를 직접 운영하는 환경 구성
- SEO 구조 개선으로 검색 유입 확보, 다국어·반응형 대응
- 웹뷰 환경 이벤트 페이지와 데스크톱 런처 UI 개발
- AI Agent
- LLM
- Prompt Engineering
- React
- TypeScript
- Internal Tools
- CI/CD
- WebGL
- WebSocket
- REST API
- GLI
- Astro
- Strapi
- SEO
- Responsive
- WebView
2018.06 — 2021.11 Frontend Engineer · 네오위즈에이블스튜디오Valiant 인프라팀서비스 웹 · 이벤트 페이지공식 웹사이트와 시즌 이벤트 페이지. 운영 일정에 맞춘 빠른 제작과 성능 개선을 담당했습니다.
- 시즌 이벤트·사전예약 페이지를 캠페인 일정에 맞춰 반복 제작
- 게시판 기능을 설계·구현해 커뮤니티 콘텐츠 운영 지원
- 공식 웹사이트 성능 최적화로 로딩 속도 개선
- 재사용 가능한 마크업·컴포넌트 구조를 만들어 페이지 제작 시간 단축
- JavaScript
- HTML5
- CSS3
- Performance
- Responsive
Archive
사내 도구와 비공개 프로젝트는 목록에 포함되어 있지 않습니다.

HTML5 Game : Genie's Mansion
WebGL·Pixi.js 기반 실시간 인터랙티브 웹 애플리케이션. 렌더링 루프와 상태 관리 구조를 설계하고 React UI와 연동
- TypeScript
- React
- pixi.js
- WebGL

Lies of P
Headless CMS 기반 브랜드 웹사이트 설계 및 구축. 다국어 콘텐츠 구조를 정리하고 Astro 정적 생성으로 SEO와 로딩 성능 확보
- TypeScript
- React
- Astro
- Strapi

Browndust2
티저·사전예약·런칭까지 단계별로 확장한 프로모션 웹. Firebase 실시간 웹푸시 알림, 데스크톱 런처 UI, Headless CMS 연동 구현
- TypeScript
- React
- Astro
- Strapi
- Firebase
Skills
Web Development
- TypeScript
- JavaScript (ES2015+)
- React
- Next.js
- Astro
- Node.js
- HTML5
- CSS3
- Sass
AI & Automation
- AI Agent 설계
- LLM API 연동
- Prompt Engineering
- Gemini API
- Claude Code
- Cursor
Graphics & Interactive
- WebGL
- Pixi.js
- CSS Animation
DevOps & Tools
- Git
- GitHub
- GitLab CI/CD
- AWS S3
- AWS CloudFront
- Vercel
- Jira
- Figma
