sanga-log

RESUME

이상아

Frontend Developer

About

더 나은 사용자 경험(UX)을 위해 고민하고, 이를 개선하기 위한 기술적 도전에 관심이 많은 프론트엔드 개발자입니다.

Experience

주식회사 김캐디

프론트엔드 개발자

2025.06 — 현재
  • B2B 사장님 솔루션(SaaS) 운영 및 고도화: Electron 기반 매장 관리 시스템의 유지보수와 신규 기능 개발, 안정적인 구독 서비스 제공으로 국내 890개 매장 운영 지원
  • B2C 하이브리드 웹앱 개발 및 최적화: 국내 유저가 사용하는 김캐디 메인 서비스의 웹뷰(WebView) 영역 개발
  • 글로벌 플랫폼 kaddie 신규 런칭: 반응형 웹 기반 글로벌 서비스를 구축하여 창립 이래 최초의 해외 매출 발생 및 글로벌 시장 진출 기여
  • AI 기술 내재화 및 전사 업무 자동화 주도: AI 코칭 프로젝트의 프론트엔드 전담 개발, GitHub Master 레포 요약 슬랙 봇 제작 등 AI 기술을 실무 프로세스에 도입하여 팀 생산성 향상 주도

주식회사 스마트스코어

프론트엔드 개발자

2023.04 — 2025.06
  • 국내 290만 유저와 370개 제휴 골프장을 지원하는 WebView 기반 하이브리드 앱 및 사내 Backoffice 개발
  • 국내외 공식 웹사이트 구축 및 제휴 골프장 전용 관리자 사이트 개발
  • 코드 리뷰 문화 개선 및 사내 리액트 스터디 리딩으로 기술 공유와 성장 문화 주도

Projects

스마트스코어 국내외 공식 웹사이트

2023.08 — 2025.03
Vue3TypeScriptVitei18nZodUnhead
  • Zod 스키마 기반 폼 유효성 검증 로직 재설계 — safeParse·refine·union으로 타입 안정성 및 조건별 에러 메시지 관리
  • SEO 최적화 — 사이트맵, robots.txt, Schema.org 구조화 데이터 작성 및 @unhead/vue 동적 메타 관리, Lighthouse SEO 83 → 92점
  • 이미지 WebP 전환 및 preload·fetchpriority 적용 — LCP 6.6s → 0.9s (86%↓), CLS 0.737 → 0 (100%↓)
  • i18n 활용 6개국 다국어 글로벌 웹사이트 개발 및 JSON 기반 번역 데이터 관리
  • 기기별 맞춤 번역 플러그인 개발 — 윈도우 리사이즈 이벤트로 디바이스 타입 감지, 반응형 환경의 레이아웃 깨짐 문제 해결

모바일 네트워크 광고

2024.12 — 2025.02
Vue2Webpack
  • 사내 최초 모바일 광고 시스템 도입 및 리워드 시스템 적용으로 사용자 참여 유도
  • 공통 믹스인 모듈 개발 — 모바일 OS 및 재생 위치별 Placement ID 상수화, 프로젝트 간 일관된 광고 호출 구조화
  • idx 기반 광고 자동 매핑 설계 및 콜백 함수 분리 — 다양한 페이지에서 일관된 호출 구현, 유연한 후속 처리 지원
  • Preload 기법 적용 — load·open 함수 호출 분리로 광고 로딩 시간 60% 단축 및 연속 재생 개선

골프 매거진 코리아

2024.06
ReactTypeScriptViteVue2Webpack
  • KB카드 전용 결제 페이지 개발 — 맞춤형 결제 시스템 구축
  • 기존 Vue2 기반 결제 페이지를 React로 마이그레이션
  • TypeScript 도입 — API 응답 구조 변경에 따른 데이터 타입 오류 방지 및 런타임 에러 사전 예방

클럽 페이지

2024.03 — 2024.06
Vue3PiniaHighchartsVite
  • Highcharts 기반 유저 통계 데이터 시각화 차트 및 사용자별 맞춤형 필터 기능 개발
  • Intersection Observer API 활용 — Viewport 진입 차트만 호출하도록 최적화, TBT 약 90% 단축

골프 커뮤니티

2023.11 — 2023.12
Vue2VuexWebpack
  • 게시글·댓글 작성 기능 최초 구현 — Vuex 상태 관리로 댓글 작성·수정 기능 안정적으로 제공
  • Optimistic Update 적용 — 서버 응답 전 UI 즉시 업데이트로 네트워크 응답 지연에 대한 UX 개선
  • Android 웹뷰 키패드 하단 공백 이슈 해결 — User-Agent 감지로 Android 환경에서만 bottom 영역 0 처리
  • Webpack 동적 import + webpackChunkName 코드 스플리팅 — 초기 번들 크기 절감

Skills

프레임워크

ReactNext.jsElectron.jsVue3Vue2

언어 & 도구

TypeScriptJavaScriptGit

상태관리

PiniaVuexTanStack QueryRecoil

빌드 & 기타

ViteWebpacki18nZodElectron Builder

Activities

MDN 공식문서 한글 번역 기여

MDN Web Docs 한국어 번역 프로젝트 참여