JUNHEI KIM
Frontend Developer
시각디자인을 전공하고 UI/UX 디자이너로 일하다 프론트엔드 개발자로 전향했습니다. 디자이너 시절 쌓은 화면 설계와 디자인 시스템 경험은, 지금 코드를 작성할 때 사용자 관점에서 판단하는 기준이 됩니다.
현재는 AI 프로덕트 스타트업에서 기획(PM)과 프론트엔드 개발을 함께 맡고 있습니다. 1년 가까이 방향을 잡지 못하던 신규 AI 챗봇 서비스의 PM을 맡아, 3개월 만에 브랜딩과 서비스 목표를 확정하고 MVP 개발·출시 준비까지 끌어냈습니다. 기획과 개발 사이의 간극을 좁혀 제품의 완성도를 높이는 일을 해왔습니다.
여러 서비스를 운영 단계까지 책임지면서, 실사용자 결제 장애를 직접 감지해 프론트엔드에서 추가 피해를 막고 당일 환불로 대응한 경험도 있습니다. 임베드형 AI SDK는 호스트 사이트와의 버전 충돌을 해결하기 위해 배포 방식을 NPM에서 CDN으로 바꾸고, GitHub Actions로 배포를 자동화했습니다.
그 전에는 부동산 진단 서비스에서 지도·대출 계산기처럼 데이터가 많은 화면을 다루며 프론트엔드 기초를 쌓았고, 전시 부스 체험 웹앱을 3D(react-three-fiber)와 실시간 채팅으로 구현하기도 했습니다. 새로운 기술 스택이 주어져도 검증하고 만들어내며 적응하는 편입니다.
디자인에서 개발까지
대학
시각디자인 전공
타이포그래피·레이아웃·시지각의 기본기를 쌓으며, 화면이 읽히고 쓰이는 방식을 고민하기 시작했습니다.
2020 - 2022
UI/UX·GUI 디자이너
커머스·패션뷰티 브랜드 웹·모바일을 기획·디자인했습니다(오뚜기몰·동원몰·V12·YOUANDUS·앤드백 등). 검색·장바구니·주문서 같은 화면을 상태(state) 단위까지 설계했습니다.
전향
프론트엔드로 전환
디자인을 전달하고 끝내기보다 제품을 끝까지 직접 구현하고 싶어 개발로 방향을 틀었습니다.
2023.12 - 2024.07
프론트엔드 · ARESA Korea
부동산 진단·계산 서비스에서 지도·대출 계산기·관리자처럼 데이터가 많은 화면을 다뤘습니다. React로 배웠지만 사내 스택 Angular에 빠르게 적응했습니다.
2025.02 - 현재
AI 프로덕트 PM + 프론트엔드 · 주식회사 업폴(Upfall)
1년 가까이 정체됐던 신규 AI 챗봇 서비스의 PM을 맡아 3개월 만에 출시 준비까지 끌어냈고, 임베드형 AI SDK의 배포 방식을 NPM에서 CDN으로 전환했습니다. 기획과 개발 사이의 간극을 좁혀 제품의 완성도를 높이는 일을 합니다.
경력 상세
업폴 (Upfall)프론트엔드 / PM 겸
2025.02 ~ 재직 중고객사 자사몰에 임베드형 AI 에이전트를 붙이는 SaaS 스타트업
- 1년 가까이 정체됐던 신규 AI 챗봇 서비스의 PM을 맡아 3개월 만에 브랜딩 확정·서비스 목표 정의·1차 백엔드 완료·출시 준비까지 견인. 기획-개발 병목을 화면을 직접 구현하며 메웠고, 카페24 앱 심사 1차 반려(OAuth 콜백 iss 누락)를 당일 수정·재심사로 대응. (프론트 gzip 186KB · vitest 12 통과 · i18n 60키 ko/en · Cafe24 OpenAPI 27스펙 일치)
- 병원 홈페이지 리뉴얼 SI(의사친구)를 PM 겸 프론트엔드로 진행 중. 비개발자 고객과 정보구조·회원 정책을 직접 협상해 확정하고, AI 검색(GEO) 대응 구조 위에 AI 상담 챗봇과 운영 도구를 얹는 프로젝트. 인프라·인증 결정 5건을 고객이 판단할 수 있는 형태로 정리해 중개. (2026.04~ · 2개월 오픈 목표 진행 중)
- 운영 중 결제 서비스에서 실사용자 결제 장애를 가장 먼저 감지·수습. 백엔드 단기 수정이 어려워 프론트엔드에서 결제를 차단해 추가 피해를 당일 차단, PG 대시보드로 직접 환불·사과. 이후 원인을 정책 문제로 재정의해 권한·멤버십·유료 정책 정리를 제안.
- 임베드형 AI SDK 배포를 NPM→CDN standalone으로 전환해 호스트 React 버전 충돌을 근본 해결하고, GitHub Actions 워크플로우를 직접 작성(Jenkins→GHA, pnpm 통일)해 푸시 한 번에 CDN 자동 배포. (vitest 184케이스 통과 · 스프라이트 245KB→8.4KB · 초기 요청 2회→1회)
- AI 서비스 메인 웹을 Next.js로 이관하고 인증·결제·멤버십·캐스팅 동선을 구현해 정식 운영(LIVE). 해킹 시도를 계기로 보안 헤더·CSP·XSS 방어를 정비하고, 한국어 하드코딩 24개 파일을 한/영으로 일괄 정리.
- 전시 부스 체험 웹앱을 3D(react-three-fiber)·자동 복구형 실시간 채팅(네이티브 WebSocket)으로 거의 전부 직접 구현: 블루그린 배포 중에도 대화를 잃지 않는 재연결 경로 설계. (SEMICON Korea 2026, 코엑스)
- 이러닝 LMS(모노레포, 팀 10여 명·약 6개월·본인 300여 커밋) FE: 6단계 결제 상태 분기·payDt 정합성 검증, HLS 플레이어(이어보기·3기기 제한), 인원수 기반 정산·할인 계산 담당.
- manil(사주 기반 AI 대화 서비스) FE 메인(본인 94/166 커밋): 라우팅·채팅(일일 사용량 제한)·생년월일 폼(양/음력 휠 피커)·OAuth 로그인 동선 구현.
ARESA Korea (아리사 코리아)프론트엔드 (신입)
2023.12 ~ 2024.07부동산 진단·계산 서비스. 데이터가 많은 실서비스 화면으로 FE 기초를 쌓은 시기
- 부동산 지도(Naver Map): 주거형 매물 필터링, 타일·뷰포트 렌더링으로 대량 매물을 끊김 없이 표시. 마커→인프라·실거래·평형 상세 연결.
- 대출 계산기: DSR 계산 로직 이전, 입력을 클라이언트 실시간 상태로 처리해 소득 대비 한도 즉시 표시(차트·슬라이더).
- 관리자 사이트 신규 개발(Angular Material, 6개 테이블 Service 캡슐화·라우터 가드), Studio NANGMAN·Bioroom 홈페이지 외주.
- 스택: Angular 16, RxJS, TypeScript, Tailwind. (React로 학습했으나 회사 스택 Angular에 적응)
코드스테이츠 부트캠프 (SEB)프론트엔드 전향
2022.10 ~ 2023.04- 디자인 실무를 바탕으로 프론트엔드로 커리어를 전환. 프론트엔드 부트캠프(SEB) 수료.
MSYNC (엠싱크)UI/UX·GUI 디자이너 (주임/계장)
2020.07 ~ 2022.10유명 브랜드 커머스 웹·모바일 기획·디자인. 커머스 도메인 감각의 바탕
- 오뚜기몰·동원몰 커머스 UI 디자인: 검색·장바구니·주문서·회원 화면과 상태(state)까지 설계.
- 골프웨어 V12·큐레이팅 브랜드 YOUANDUS 서비스 플로우 기획 + 프로덕트 디자인.
- 미래엔·올리브데올리브·앤드백·아이코스 외 다수 웹/모바일 UI 및 기획전 비주얼. UI/UX·스타일 가이드 제작, cafe24·고도몰 연계 사이트 제작.