고재민
프론트엔드 개발자
사용자의 관점에서 문제를 이해하고, 비즈니스 요구사항을 안정적인 제품으로 구현하는 경력 3년의 프론트엔드 개발자입니다. 글로벌 B2B SaaS 예약시스템, 웹사이트 빌더부터 AI 콘텐츠 웹 기반 키오스크 클라이언트까지 다양한 환경에서 경험을 쌓아왔으며, 직접 만든 키오스크로 국내외 65~70개 오프라인 행사를 운영했습니다.
핵심 기능 구현뿐 아니라 성능 최적화, 다국어 지원, 레거시 개선과 Electron 기반 애플리케이션에서 결제·프린터 등 외부 시스템 연동을 진행했습니다. 기능을 요구사항대로 구현하는 데 그치지 않고, 사용자의 이용 흐름과 운영 환경을 함께 고려합니다.
사용성, 유지보수성, 운영 안정성의 균형을 맞추며, 기획·디자인·백엔드·QA·운영과 협업해 기술적으로 더 나은 방향을 제안합니다. 사용자와 비즈니스, 기술 사이의 균형을 바탕으로 제품 품질과 팀의 개발 효율을 함께 높이는 프론트엔드 개발자를 지향합니다.
경력
밀레니얼웍스 Frontend Developer · 키오스크 클라이언트
2025.08 ~ 재직 중 - C# WPF 키오스크 클라이언트를 Electron + Next.js로 마이그레이션 (IPC 통신, 로그 관리, 기기 인증, JSON 매장별 설정)
- AI 포토·타로·성향 테스트·쿠지·인형뽑기·AI 음악·LLM 음성 채팅 등 개발, 국내외 65~70개 행사 운영
- 리뉴얼 키오스크 약 150대 배포, 1년간 카드 결제 약 3만 건·쿠폰 사용 약 8천 건 처리 (하루 최대 결제 2,000건 이상)
- WatchDog·키오스크 모드·영업 종료 자동 종료 도입, 이후 현장의 프로그램 꺼짐 대응 요청 사라짐
- Sentry 오류 모니터링·Slack 알림 구축으로 AI 폴링 등 주요 기능 장애 즉시 인지
- KICC 결제 모듈(결제·환불·무카드 환불)과 포토·카드·POS 영수증 프린터 연동
- next-intl·dayjs 기반 5개 언어 및 국가별 날짜·시간 포맷 대응
- Windows TTS·Electron 듀얼 스크린 기반 배리어프리 키오스크 구현
- 오픈소스 기반 원격 관리 클라이언트 커스텀 및 키오스크 매출·기기 상태 백오피스 구축
- 유료 AI 음악 생성 API를 오픈소스 모델(ACE-STEP 1.5 Turbo)로 전환, 요청당 API 비용 0원
- Hugging Face 모델(Z-Image, Qwen-Image, FLUX, WAN 등) 로컬 GPU 검증으로 현장 적용 검토
클라우드호스피탈 Frontend Developer · SaaS 프로젝트
2023.03 ~ 2024.12 - 홈페이지 빌더 SaaS 개발 (페이지·다단계 헤더·푸터 에디터와 렌더러, useFieldArray 동적 폼)
- 글로벌 병원 상담 예약 시스템 담당 (예약·취소·환불 흐름 구현·고도화, 고객사 50→1,000곳+ 성장 기여)
- Redux → SWR, Formik → React-Hook-Form 마이그레이션 및 1,000줄+ 컴포넌트 분리
- dynamic import·tree shaking으로 First Load JS 약 46% 감소 (289kB → 155kB)
- CSR 페이지 SSR·SSG 전환, Promise.all·allSettled 병렬화로 HTML 초기 로딩 33% 단축 (1.79s → 1.2s)
- On-Demand Revalidation 적용 및 사이트맵 생성 로직 개선 (약 5% 누락 복구)
- 40개+ 언어 지원: CSS Logical Properties 기반 LTR·RTL 대응, GPTs 기반 40개+ 언어 번역 자동화
- next-auth 세션 혼입 원인(공유 axios 인스턴스) 규명 및 ESLint 규칙으로 재발 방지
기술 스택
Front-End HTML/CSS, JavaScript, TypeScript, React, Next.js, Electron, Styled-Components, Tailwind CSS, Context API, Zustand, Recoil, React-Query, SWR, OpenAPI Generator, Orval, React-Native, Flutter
Deploy AWS, Vercel
Etc Figma, Postman, Slack, Notion, Git
사이드 프로젝트
짱픽 (ZZNPK) 2025.02 ~ 운영 중
Frontend Developer
개요
다양한 주제로 이상형 월드컵을 직접 생성하고 공유할 수 있는 커뮤니티 플랫폼입니다. Next.js 웹 서비스를 React Native WebView로 감싸 웹과 앱을 하나의 코드베이스로 운영합니다.
작업
- App Router에서 SSR·SSG·ISR·On-demand revalidate를 페이지 성격에 맞게 적용, SSR 화면은 Streaming UI로 개선
- Expo WebView 앱에 FCM 푸시·카카오 로그인·App Links·오프라인 처리 적용, EAS Update 배포 자동화
Next.js, TypeScript, Tailwind CSS, Orval, TanStack Query, Zustand, Motion, GitHub Actions, Vercel, React Native (Expo), NextAuth, Storybook
피키토키 2025.01 ~ 2025.02
Frontend Developer
개요
친구들과의 관계를 유지해 주는 무전기 콘셉트 교환일기 플랫폼입니다. DND 12기에서 프론트엔드 2·백엔드 2·디자이너 2명 팀으로 8주(기획 4주, 개발 4주) 만에 기획부터 배포까지 완료했습니다.
Next.js, TypeScript, Tailwind CSS, Zustand, Motion, Orval, TanStack Query, Serwist (PWA)
꿈을 찾는 우리들의 이야기 2024.12 ~ 2025.01
Frontend Developer
개요
Flutter Flame과 Stable Diffusion을 활용한 대화형 비주얼 노벨 게임입니다. 2023년 Flame 프로토타입 경험을 바탕으로 스토리·에셋과 개발 코드를 분리해 유사 게임 확장 기반을 마련했고, Google Play에 배포했습니다.
작업
- 출시 후 다국어(easy_localization·Yarn) 추가, ProGuard·Upgrader·targetSdk 36 대응으로 유지보수 중
Flutter, Flutter Flame, Stable Diffusion, Shared Preferences
인터랙티브 포트폴리오 2022.09 ~ 2023.01 (2024 AI 챗봇 추가)
Frontend Developer
개요
인터랙티브 요소로 사용자 몰입도를 높인 개인 포트폴리오입니다. 정적 CloudFront 배포 환경에서 LangChain AI 챗봇을 AWS Lambda Serverless로 구현했습니다.
작업
- Framer Motion 인터랙션, 2024년 LangChainJS AI 챗봇을 AWS Lambda로 분리해 추가
Next.js, TypeScript, Framer Motion, Styled-Components, Recoil, Supabase, LangChainJS, AWS Lambda
수상
2024.05
2024.04
Microsoft & KDI
학력
한세대학교 컴퓨터공학과
2017.02 ~ 2023.02 전체 학점 4.22/4.5
전공 학점 4.26/4.5
병역
병장 만기전역
2018.01.02 ~ 2019.09.04