사용자의 관점에서 문제를 이해하고, 비즈니스 요구사항을 안정적인 제품으로 구현하는 3년 차 프론트엔드 개발자입니다. 글로벌 B2B SaaS 예약시스템, 웹사이트 빌더부터 AI 콘텐츠 웹 기반 키오스크 클라이언트까지 다양한 환경에서 경험을 쌓아왔습니다.
핵심 기능 구현뿐 아니라 성능 최적화, 다국어 지원, 레거시 개선과 Electron 응용 프로그램 구현 및 결제·프린터 등 외부 시스템 연동을 진행했습니다. 기능을 요구사항대로 구현하는 데 그치지 않고, 사용자의 이용 흐름과 운영 환경을 함께 고려합니다.
사용성, 유지보수성, 운영 안정성의 균형을 맞추며, 기획·디자인·백엔드·QA·운영과 협업해 기술적으로 더 나은 방향을 제안합니다. 사용자와 비즈니스, 기술 사이의 균형을 바탕으로 제품 품질과 팀의 개발 효율을 함께 높이는 프론트엔드 개발자를 지향합니다.
경력
밀레니얼웍스 FrontEnd 및 응용 프로그램 클라이언트 개발 2025.08 ~ Present - Electron + Next.js 기반 키오스크 클라이언트 설계·구현 (IPC 통신, 로그·데이터 관리, 기기 인증, JSON 기반 매장별 기능 설정)
- next-intl·dayjs 기반 다국어 및 국가별 날짜·시간 포맷 글로벌 대응 구조 구현
- WatchDog, 키오스크 모드, 영업 종료 자동 종료 등 무인 운영 안정성 향상
- 포토·카드·POS 영수증 프린터 등 키오스크 하드웨어 연동
- Windows TTS·Electron Two Screen 기반 배리어프리 키오스크 구현
- KICC 결제 모듈 연동 (결제, 환불, 무카드 환불)
- RustDesk 커스터마이징 원격 관리 클라이언트 및 키오스크 매출·기기 상태 백오피스 구축
- 외부 SaaS AI 음악 생성을 오픈소스 모델(ACE-STEP 1.5 Turbo)로 전환하여 운영 비용 제거 및 안정성 향상
- 클라우드 기반 홈페이지 빌더 SaaS 프론트엔드 개발 (페이지 에디터·렌더러, react-hook-form useFieldArray 동적 폼)
- 글로벌 병원 상담 예약 시스템 구현·고도화 (framer-motion 인터랙션, 고객사 50→1,000곳+ 성장 기여)
- Redux → SWR + Context API, Formik → React-Hook-Form 등 레거시 마이그레이션 및 1,000줄+ 컴포넌트 분리
- dynamic import·tree shaking으로 First Load JS 번들 크기 약 46% 최적화
- SSR 병렬 API 호출 개선으로 HTML 초기 로딩 약 33% 단축 (1.79s → 1.2s)
- CSS Logical Properties 기반 LTR·RTL 지원 및 GPTs 기반 10개+ 언어 번역 자동화
- SSG·On-Demand Revalidation 적용 및 Azure Search 기반 사이트맵 생성 로직 개선 (약 5% 누락 복구)
기술 스택
Front-End HTML/CSS, JavaScript, TypeScript, React, NextJS, 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 ~ ing
Frontend Developer
개요
다양한 주제로 이상형 월드컵을 직접 생성하고 공유할 수 있는 커뮤니티 플랫폼입니다. Next.js 웹 서비스를 React Native WebView로 감싸 웹과 앱을 하나의 코드베이스로 운영합니다.
Next.js, TypeScript, Tailwind CSS, Orval, TanStack Query, Zustand, Motion, GitHub Actions, Vercel, React Native (Expo)
피키토키 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을 활용한 대화형 비주얼 노벨 게임입니다. 스토리·에셋과 개발 코드를 분리해 유사 게임 확장 기반을 마련했고, Google Play에 배포했습니다.
Flutter, Flutter Flame, Stable Diffusion, Shared Preferences
Flutter 일정관리 앱 2023.09 ~ 2024.02
Frontend Developer
개요
사내 연차 관리를 앱으로 손쉽게 하자는 주제로, Google Calendar API와 연동하는 Flutter 일정관리 앱입니다. 회사 동료와 사이드 프로젝트로 진행했으며 프론트엔드 개발을 담당했습니다.
Flutter, Firebase, Google Calendar v3 API
Flutter 게임 프로젝트 2023.05 ~ 2024.03
Frontend Developer
개요
Flutter Flame 기반 대화형 게임 프로토타입입니다. Pixel Adventure로 기초를 익힌 뒤 Stable Diffusion으로 캐릭터·배경을 생성해 스토리텔링 게임 가능성을 탐색했습니다.
Flutter, Flutter Flame, Stable Diffusion
인터랙티브 포트폴리오 2022.09 ~ 2023.01
Frontend Developer
개요
인터랙티브 요소로 사용자 몰입도를 높인 개인 포트폴리오입니다. 정적 CloudFront 배포 환경에서 LangChain AI 챗봇을 AWS Lambda Serverless로 구현했습니다.
Next.js, TypeScript, Framer Motion, Styled-Components, Recoil, Supabase, LangChainJS, AWS Lambda
Cody Diary (온도별 옷 기록) 2022.05 ~ 2023.04
Frontend Developer
개요
예측하기 힘든 날씨의 코디를 저장·열람하는 웹 서비스입니다. 체감온도는 상대적이라 사용자 후기 저장에 집중했으며, Google 로그인과 지역별 날씨 연동을 구현했습니다.
Next.js, TypeScript, Emotion, Axios, React Hook Form, React Query, Recoil, Three.js, nx
포토샵 커미션 사이트 2022.03 ~ 2023.01
Frontend Developer
개요
포토샵 커미션 의뢰·관리 플랫폼입니다. 카카오 소셜 로그인으로 의뢰자/디자이너를 구분해 의뢰 글을 주고 처리할 수 있으며, API 연동 단계에서 프로젝트 리더를 맡아 설계부터 AWS 배포까지 마무리했습니다.
Next.js, TypeScript, Styled-Components, Axios, React Query, React Hook Form, Redux, AWS
반려동물 커뮤니티 (몽몽) 2022.03 ~ 2022.06
Frontend Developer
개요
반려동물과 함께 갈 수 있는 여행지·식당·숙박 정보와 일상 이야기를 공유하는 커뮤니티입니다. 프론트 4·백엔드 1명 팀으로 협업하며 기능 관점의 시야를 넓힌 프로젝트입니다.
Next.js, TypeScript, Styled-Components, Figma
인터랙티브 패션 전시회 2021.10 ~ 2021.12
Frontend Developer
개요
React 학습을 위해 진행한 첫 React 협업 프로젝트입니다. Framer Motion으로 인터랙티브 패션 전시회 경험을 설계하고, Figma부터 구현까지 전 과정을 담당했습니다.
React, TypeScript, Emotion, Framer Motion, Figma
학력
한세대학교 컴퓨터공학과
2017.02 ~ 2023.02 전체 학점 4.22/4.5
전공 학점 4.26/4.5
