주식회사 보이저
2025.08 ~ 2026.04
프론트엔드 1인 담당으로 웹사이트·플랫폼·운영 도구 5개를 병행했습니다. 공통 패키지, 다국어 화면과 월간 리포트 자동화를 개발하고 백엔드 개발자 2인과 협업했습니다.
About Me
프론트엔드 개발 10년차입니다. 웹 에이전시에서 시작해 메시징 서비스, 커머스, 게임 플랫폼을 개발했습니다. 고객용 웹 서비스와 사내 운영 도구를 함께 다루며, 신규 개발과 기존 서비스 개선을 병행해 왔습니다.
최근에는 보이저에서 프론트엔드를 혼자 맡아 다섯 개 프로젝트를 병행했습니다. 여러 운영 도구에서 함께 쓰는 컴포넌트와 인증, 레이아웃을 공통 패키지로 만들었습니다. 백엔드 개발자와 API와 데이터 구조를 검토하고, 운영팀이 수동으로 만들던 월간 리포트를 자동화했습니다.
프레시지에서는 프론트엔드 3인 팀에서 허닭몰을 자체 플랫폼으로 재구축했습니다. 공통 모듈과 배포·테스트 환경을 구성하고, 운영자가 기획전을 직접 만들고 예약할 수 있는 전시 빌더를 개발했습니다.
같은 작업이 반복되면 줄일 방법을 찾습니다. 수동으로 만들던 리포트를 자동화하거나, 여러 서비스에서 쓰는 기능을 공통으로 정리하는 일을 해 왔습니다. 요청을 받으면 먼저 목적과 불편을 확인하고, 구현에 제약이 있을 때는 이유와 가능한 대안을 함께 설명합니다.
주식회사 프레시지
2023.11 ~ 2025.08
허닭몰 재구축과 기존 몰 운영, FRAME MVP, PDP 일정 관리, WMS PDA, HD마켓, 기업 사이트까지 7개 프로젝트를 수행했습니다. 공통 구조·테스트·배포 환경을 구축하고 협력사 개발 가이드와 코드 리뷰를 운영했습니다.
알리는사람들
2017.10 ~ 2023.05
ALIGO의 발송·결제 기능과 API 연동 패키지를 개발하고 Vue.js를 점진적으로 도입했습니다. V2 개발에서는 PM을 병행했으며, KPI 대시보드와 Slack 기반 칭찬 플랫폼을 풀스택으로 개발했습니다.
장플레이스랩
2016.09 ~ 2017.06
AJ park의 CEO·파트너별 화면과 백오피스, 옥반식품 등 기업 홈페이지를 개발했습니다. CSS로 반응형 화면을 구현하고 IE·Chrome·Safari에서의 표시와 동작을 확인했습니다.
Skills & Technologies
{ Frontend }
ReactNext.jsVue.jsTypeScriptJavaScriptTailwind CSS
{ Backend }
Node.jsExpress.jsKoa.js
{ Database }
MySQLMongoDB
{ Tools & Platforms }
TurborepoAWSS3CloudFrontNginxVercel
{ Testing & UI }
PlaywrightVitestStorybookChromaticshadcn/ui
Featured Projects
COMMERCE & DISPLAY BUILDER
01FRESHEASY · HEO DAK MALL2024.05 ~ 2025.06
허닭몰 자체 커머스 구축
메이크샵으로 운영하던 허닭몰을 자체 플랫폼으로 옮겼습니다. 프론트엔드 3인 팀에서 모노레포와 배포·테스트 환경을 구성하고, 운영자가 홈과 기획전을 직접 편집하고 예약 게시하는 전시 빌더를 개발했습니다.
담당한 작업
- 고객·운영자·판매자 앱의 모노레포와 공통 UI를 설계했습니다.
- 홈·기획전의 편집, 미리보기와 예약 게시 기능을 개발했습니다.
- AWS 배포와 UI·E2E 테스트 환경을 구축하고 API 연동 구조를 정리했습니다.
- 약 20만 사용자
- 전시 개발 요청 → 직접 편집·예약
- UI·E2E 테스트 환경 구축
Next.jsTurborepoAWSPlaywrightStorybook
MESSAGING SERVICE
02ALIPEOPLE · ALIGO2017.10 ~ 2023.05
알리고 메시징 서비스
5년 8개월 동안 기업용 문자·카카오톡 발송 서비스 ALIGO를 개발하고 운영했습니다. 발송·결제·고객 상담 기능을 개선하고, 기존 PHP·jQuery 환경에 Vue.js를 점진적으로 도입했습니다. ALIGO V2에서는 프론트엔드 개발과 PM 역할을 함께 맡았습니다.
담당한 작업
- 친구톡 발송, 템플릿 생성, 충전 금액 계산과 견적서 발행 기능을 개발했습니다.
- 문자·카카오톡 API 연동용 npm 패키지를 개발하고 배포했습니다.
- V2의 렌더링·업로드·실시간 알림을 구현하고 요구사항과 일정을 관리했습니다.
- 5년 8개월 개발·운영
- API 고객 약 10%가 패키지 사용
- V2 개발·PM 병행
Vue.jsTypeScriptPHPNode.jsInertia.js
GAME BI & GM TOOL
03VOYAGER · GAME OPERATIONS2025.08 ~ 2026.03
게임 운영 도구와 리포트 자동화
게임 BI와 에테르나 GM Tool을 개발했습니다. 운영 지표 조회와 월간 리포트 자동화부터 유저 검색, 계정 상태 관리, 공지 편집까지 운영팀의 업무를 지원했습니다.
담당한 작업
- 운영 지표 대시보드와 엑셀 리포트 자동 생성 기능을 개발했습니다.
- 유저·계정·공지 관리와 GM Tool의 DB 프로시저 호출을 구현했습니다.
- 플랫폼 어드민의 공통 UI·인증·레이아웃을 패키지로 정리했습니다.
- 월간 리포트 자동화
- 한·일 운영 인력 10여 명
- 유저·계정·공지 관리
Next.jsTypeScriptChart UINginxTanStack QueryTiptap
GAME PLATFORM & CORPORATE WEBSITE
04VOYAGER · WEB PLATFORM2025.08 ~ 2026.03
게임 플랫폼과 다국어 웹사이트
게임 소개와 회원 서비스를 제공하는 플랫폼 사이트, 기업 소식과 게임 프로젝트를 소개하는 공식 홈페이지를 개발했습니다. 다국어 콘텐츠와 회원가입·로그인 화면을 구성했습니다.
담당한 작업
- 워드프레스 홈페이지의 리뉴얼을 제안하고 Next.js 재구축과 배포를 맡았습니다.
- 게임 소개·회원 서비스와 언어별 콘텐츠·이용 안내를 구현했습니다.
- 디자인 토큰 기반 UI와 Unity 하이브리드 앱·반응형 화면에 대응했습니다.
- 게임 소개·프로젝트 갤러리
- 회원가입·로그인·계정 찾기
- 한국어·영어·일본어
Next.jsTypeScriptshadcn/uiTanStack QueryMotionSwiper
05FRESHEASY · BUSINESS SYSTEMS2023.11 ~ 2024.11
프레시지 사내 업무 시스템과 커머스 운영 개선
프레시지에서 일정 관리 시스템 PDP, 데이터 검증용 FRAME MVP, 물류 작업용 WMS PDA를 개발하고 개선했습니다. HD마켓과 기업 사이트의 유지보수도 담당하며 상품 탐색, 가입, 결제와 업무 처리 화면을 다듬었습니다.
담당한 작업
- PDP의 달력을 직접 구현하고 프론트엔드·빌드 환경을 구성했습니다.
- FRAME의 차트·테이블 UI와 WMS PDA의 개발 가이드·입력 처리를 정리했습니다.
- HD마켓의 상품 정렬·가입·결제와 기업 사이트의 기능·코드 구조를 개선했습니다.
- PDP 프론트엔드 전담
- FRAME MVP 2개월 내 구축
- 물류·커머스 운영 개선
ReactTypeScriptChart.jsWebpackjQuery
06ALIPEOPLE · INTERNAL TOOLS2021.11 ~ 2023.03
알리는사람들 KPI 대시보드와 사내 칭찬 플랫폼
서비스와 고객 상담 지표를 확인하는 KPI 대시보드, Slack에서 주고받은 칭찬을 집계하는 사내 플랫폼 헤이고래를 기획하고 개발했습니다. 화면뿐 아니라 로그인, API, 데이터베이스와 실시간 연동까지 직접 구현했습니다.
담당한 작업
- AARRR·HEART·CS 지표를 조회하는 대시보드와 공통 컴포넌트를 만들었습니다.
- Koa.js·MySQL 기반 API와 Google OAuth 2.0 로그인을 구현했습니다.
- Slack Bot·Webhook으로 칭찬을 집계하고 Socket.io로 웹 화면에 반영했습니다.
- 기획부터 풀스택 개발
- 지표 조회·인증·API 구현
- Slack 실시간 연동
Vue 3TypeScriptKoa.jsMySQLSocket.io