본문으로 바로가기
Experience

경력

GS리테일, 펫프렌즈, 소프트보울에서의 8년간 개발 경험. 각 회사를 클릭하여 상세 프로젝트를 확인하세요.

GS25, GS SHOP, GS THE FRESH 등을 운영하는 GS리테일의 점포경영시스템 프론트엔드 개발을 담당하고 있습니다.

장기보험 상담 및 가입 서비스 개발
2025.04 — 2025.05
  • React Query와 Jotai persistent storage 연동으로 보험 상담 단계별 입력 데이터 영속 저장 — 새로고침 후에도 사용자 입력 정보 유지
  • replace 메서드와 이동 경로 배열을 활용한 커스텀 훅으로 단계별 페이지 이동 제어
  • popstate 이벤트를 통한 물리적 뒤로가기 방지 및 헤더 버튼 자연스러운 흐름 구현
  • Zod를 활용한 폼 유효성 검증으로 타입 안정성 확보 및 에러 처리 강화
Next.jsTypeScriptReact-QueryReact-Hook-FormZodJotai

3년 3개월간 펫프렌즈 모바일 프로젝트 전반을 담당했습니다. Vue2 레거시 코드를 Next.js로 마이그레이션하며 서비스 품질을 향상시키고, Amplitude·Airbridge 기반 A/B 테스트를 주도했습니다.

멤버십 서비스 개발
2023.08 — 2023.11
  • 보험 등록을 위한 우리아이 정보 입력 폼 및 UX 중심 입력 검증 로직 설계
  • Jotai를 활용한 멤버십 도메인 전역 상태 관리 구조 설계 — 일관된 상태 공유
  • 멤버십 도메인과 펫프인슈어런스 프로젝트 간 데이터 교환 인터페이스 구현
  • Amplitude 이벤트 트래킹 및 ChannelTalk SDK 통합
Next.jsTypeScriptJotaiReact-Hook-FormReact-QueryAmplitudeChannelTalk SDK
로그인/회원가입 페이지 Next 리팩토링
2024.05 — 2024.11
  • React-Hook-Form + Zod로 폼 유효성 검사 및 타입 안전성 강화
  • Kakao SDK 버전 업그레이드 — Galaxy Fold 기기 호환성 문제 완전 해결
  • window.open + postMessage 기반 팝업 로그인 플로우 구현
Next.jsTypeScriptReact-QueryReact-Hook-FormZodApple SDKKakao SDKNaver SDK
우리아이 등록/목록/수정 Next 리팩토링
2025.02 — 2025.03
  • presignedUrl 적용으로 프론트엔드에서 직접 S3 업로드 — 백엔드 서버 부담 감소
  • 대표 동물 변경 시 Optimistic UI 적용으로 UI 반응성 즉각 개선
  • Zod를 활용하여 수정과 등록의 인터페이스를 통일화하여 코드 일관성 유지
Next.jsTypeScriptReact-QueryZodAWS S3
WTA Web-to-App A/B 테스트
2022.12 — 2023.01
  • Amplitude Experiment + Airbridge로 홈/마이펫프/상품 상세 페이지에 WTA 전환 배너 적용
  • 실험군 유저 및 네이버 광고 유입 유저 대상 A/B 테스트 설계 및 수행
Vue2VuexAmplitudeAirbridgeNext.jsTypeScript
백오피스 개발 및 유지보수
2022.02 — 2025.05
  • 엑셀 업로드/다운로드, 스탬프/상품/회원 관리 페이지 UI 개선 및 성능 최적화
  • Firebase SDK 최신 버전 업그레이드 및 Vue3 Composition API 전환
  • vue-query를 활용하여 쿠폰 목록 데이터 캐싱 및 쿠폰 회수 기능 추가
ReactVue 2/3vue-queryFirebaseScssAxiosAWS

HTML5 데이터그리드 솔루션 전문기업 소프트보울에서 SBGrid2.5 솔루션 개발·유지보수와 SI 프로젝트를 4년 5개월간 경험했습니다.

SBGrid2.5 솔루션 개발 유지보수
2017.09 — 2022.02
  • 스크롤 위치에 따른 데이터 가상화 로직 리팩토링으로 대용량 데이터 렌더링 성능 개선
  • Java POI를 활용한 엑셀 기능 유지보수, 웹 접근성 탭 키 입력 로직 구현
JavaScriptTypeScriptjQueryWebpackGulpJavaSvn
이슈 및 메일 통합 관리 시스템 (TAMS)
2021.05 — 2021.08
  • Redmine API + NaverWorks API를 통합한 이슈·메일 관리 CRUD 시스템 설계 및 개발
ReactReduxAxiosStyled-ComponentsScssTypeScriptNaverWorks APIRedmine API
SI 프로젝트 다수 참여
2019 — 2021
  • 카이스트 안전관리시스템, 데이터진흥원 백오피스, 금융보안원 가명데이터 결합 시스템
  • IBK 기업은행 자금통합관리시스템 (50명+ 규모), 지방행정공제회 차세대 시스템
VueJavaScriptjQuerySpringHTMLCSS