김효진Hyojin Kim

CJ올리브영

Software Sr. Engineer · 파트너/Ads플랫폼개발팀

2025.09.22 ~ 현재

미국 첫 오프라인 매장 어드민을 초기 구축하고 오픈 이후 운영 안정화와 기능 개선 지속

• 상태 기반 매장 운영 프로세스를 구축하고 현장 피드백을 반영했습니다.

  폐기관리의 승인요청·승인·반려·철회, 권한별 Action·첨부파일·일괄 처리 등 상태 기반 업무 흐름을 제품 구조로 설계

  • 오픈 후 수량 정책·정보 가독성·이미지 검수 동선에 대한 현장 피드백을 반영해 운영 화면 개선
  • 매장 도메인에 공통 훅·검증 패턴 적용
  • 오픈 약 1개월 전 추가된 다국어 요구를 Claude Code i18n Skill로 자동화해 일정 내 영어 지원 완료

• 가상화 테이블로 대규모 데이터 렌더링 기반을 구축했습니다.

  운영자 VOC를 화면 이슈가 아닌 구조적 성능 과제로 재정의

  • TanStack Table·TanStack Virtual 기반 VirtualTable 구현, 10만 행 데모·103개 단위 테스트를 갖추고 프로덕션 적용 준비
  • ImagePreviewModal을 44개 단위 테스트와 함께 공통 자산으로 분리
  • Route/App/Query ErrorBoundary·글로벌 에러 처리·chunk load error 자동 복구 공통화

• QA 시나리오를 PR 품질 게이트로 연결했습니다.

  공용 renderApp·PR CI·커버리지 리포팅 구축

  • QA 테스트 케이스를 코드 테스트로 연결해 PR마다 통과 여부를 확인하는 구조 마련

• 프론트엔드 인프라를 이관하고 장애 모니터링 기반을 구축했습니다.

  EKS → ECS Fargate 전환과 정적 파일 서버의 Fastify → nginx 컨테이너 단순화

  • Dockerfile·ECR/ECS·ALB health check·배포 검증 범위를 정리해 인프라팀에 이관
  • Datadog RUM/Logs와 환경 식별 체계를 정비해 오류·세션·배포 환경 추적 기반 마련
  • main/release 직접 push 제한·husky/lint-staged·배포 알림으로 운영 사고 방지 장치 보완

• 프론트엔드 개발 표준을 체계화하고 AI 자동화를 팀의 작업 방식으로 연결했습니다.

  ESLint·아키텍처·TanStack Query·React Hook Form·Orval 등 7개 FE 컨벤션을 체계화하고 Claude Code Review Skill과 연결

  • 구성원이 동일한 품질 기준을 참조하는 리뷰 구조 마련
  • SK 협력사의 공통 컴포넌트·디자인 QA·다국어·권한·배포 작업 조율 및 코드리뷰·문서화·테크세션 아카이브로 외부 산출물과 기술 결정 축적
  • Claude Code Skill·AI 코드리뷰·업무 자동화 사례 공유와 AI 스터디 운영
  • 1,700개+ Nexacro 레거시 화면의 React 전환을 위한 Multi-Agent Migration PoC로 대규모 전환 자동화 가능성 검증

버킷플레이스(오늘의집)

Software Engineer, Frontend · Content · Community Team

2025.07.28 ~ 2025.09.19

Technical SEO로 검색 유입을 개선하고 대규모 페이지 색인 구조를 정비했습니다.

• 수만 개 커뮤니티 페이지를 빌드 시간 증가 없이 관리하기 위해 서버 사이드 동적 sitemap 생성 → S3 업로드 → index sitemap 생성 → Next.js rewrite 서빙 구조 설계

  • GitHub Actions cron으로 생성·배포 자동화

• robots.txt·semantic markup·구조화 데이터·크롤링 우선순위 정비

  • 첫 배포 직후 SEO 유입량 20% 증가

비마이프렌즈(bemyfriends)

Front-end Developer · Client Team

2022.09.05 ~ 2025.07.18

약 3년간 글로벌 팬덤 비즈니스 플랫폼 b.stage의 User·Admin·Console과 공통 패키지를 개발하며 팬의 콘텐츠 소비 경험과 창작자·운영자를 위한 B2B 도구 개선

• 관리자가 콘텐츠와 화면 구성을 직접 편집할 수 있는 시스템을 구축했습니다.

  홈 에디터 개발 시 백엔드와 초기 스키마 설계부터 참여

  • SSR/CSR 분리와 미리보기 구조 설계

• 트리 데이터 모델을 설계해 상품 카테고리 확장에 대응했습니다.

  3-depth 상품 카테고리 확장을 위한 트리 데이터 모델·drag & drop 기반 SortableTree 설계

  • 정적 Shop Home을 동적 커스터마이징 시스템으로 확장

• TanStack Query v5 마이그레이션을 주도해 데이터 패칭 기준을 표준화했습니다.

  마이그레이션 주도와 사내 세미나 진행

  • 팀의 데이터 패칭 기준과 반복 로직 표준화

• 글로벌 서비스의 번들·운영 구조를 개선했습니다.

  User/Admin 디자인 시스템 패키지 개발에서 FE-PD 간 컴포넌트 API 조율

  • 다국어 JSON을 CDN 서빙 구조로 전환해 번들·운영 구조 개선

비바리퍼블리카(Toss)

Frontend UX Engineer (Assistant) · Design Platform Team

2021.11.24 ~ 2022.08.23

• 반복되는 UI를 디자인 시스템 컴포넌트로 표준화했습니다.

  Toss 브랜드 홈페이지·NEXT 개발자 채용 홈페이지·SLASH22 등 브랜드·채용·컨퍼런스 웹사이트 개발

  • Section·Navigation·Hero 등 반복 UI를 디자인 시스템 컴포넌트와 Storybook 템플릿으로 구성해 FE-PD 협업의 반복 작업 표준화

• Resource Center와 Chrome Extension을 개발해 검색·필터링 UX를 개선했습니다.

  개발자·디자이너용 Resource Center와 Chrome Extension 개발

  • 검색·필터링 UX·성능 개선과 개발 스펙·일정 산정·QA 프로세스 개선 참여