경력기술서

박상아 · Frontend Developer

sangapark34@naver.com

케이에이치이노베이션

2022.05 – 2025.04

기술개발팀 · 사원 · 정규직

카페24, NHN Shopby 기반 커머스 플랫폼의 프론트엔드 개발 및 웹 퍼블리싱 담당. 플랫폼 기능의 한계를 직접 설계·구현으로 돌파하며 사용자 경험 개선과 협업 생산성 향상에 기여했습니다.

담당 업무

  • 작업안내서와 디자인 시안을 기반으로 한 프론트엔드 개발 및 웹 퍼블리싱
  • 기획·디자인 단계에서 기능 동작 검수 및 UI 구현 가능 여부 검토
  • 카페24, NHN Shopby 기반 쇼핑몰 PC/Mobile UI 퍼블리싱 및 반응형 웹 구축
  • 다양한 디바이스·브라우저 환경을 고려한 웹 접근성·웹 표준 기반 UI 구현

핵심 성과

플랫폼 기능 확장 및 운영이슈 개선

  • 플랫폼 기본 기능으로 해결되지 않는 고객 요구사항(게시판 · 댓글 · 복수 배송지)을 직접 설계 · 구현하며 기능 제약 문제 해결
  • 복수 배송지 기능 구현 당시 배송지 단위 상품 그룹화 구조를 설계해 주문서 · 주문완료 · 주문상세까지 데이터 흐름 연동
  • 상품 할인율 계산 공통 모듈을 개발해 가격 표시 로직 일관성 및 유지보수 효율성 개선
  • 장바구니 API 직접 호출 방식으로 헤더 미니카트 수량 불일치 문제 해결

운영 서비스 기반 UI 퍼블리싱 및 사용자 경험 개선

  • 카페24, NHN Shopby 기반 쇼핑몰의 PC/Mobile UI 퍼블리싱 및 반응형 웹 구축
  • 다양한 디바이스 및 브라우저 환경 차이를 고려해 웹 접근성과 웹 표준 기반 UI 구현
  • 플랫폼 기본 제공 UI 외 갤러리형 게시판 및 커스텀 인터랙션 기능 구현

협업 프로세스 및 개발 생산성 개선

  • 슬라이드 · 타임세일 타이머 등 반복 기능을 모듈화해 유사 페이지 개발 시간 약 30% 단축
  • 개발 환경 세팅 및 기능별 운영 가이드가 포함된 사내 Wiki 구축으로 신규 입사자 온보딩 기간 약 1주 단축
  • 공통 컴포넌트 및 코드 컨벤션 문서화를 통해 팀 내 코드 스타일 편차 감소 및 유지보수성 개선

프로젝트

전북생생장터

2023.10 – 2024.04

전라북도 내 중소기업과 농가의 생산품을 전국에서 쉽게 구매할 수 있는 커머스 플랫폼입니다. NHN Shopby 기반 환경에서 플랫폼 기본 기능만으로 해결되지 않는 고객 요구사항을 분석하고, 기능 확장 및 사용자 흐름 개선을 중심으로 프론트엔드 개발과 웹 퍼블리싱을 진행했습니다.

담당 업무
프론트엔드 개발 및 기능 확장
  • 쇼핑몰 전체 페이지(PC/Mobile) UI 구현 및 React 컴포넌트 개발
  • 플랫폼 기본 기능으로 지원되지 않는 게시판 · 댓글 · 복수 배송지 기능 설계 및 구현
  • 배송지 단위 상품 그룹화 구조를 설계해 주문서 · 주문완료 · 주문상세까지 복수 배송지 데이터 흐름 연동
  • 체험단 게시판 댓글 CRUD 및 수정 모달 기반 인터랙션 구현
성과
  • 플랫폼 기본 기능 한계를 커스텀 개발 방식으로 확장하여 고객 요구사항 충족
  • 한 번의 주문에서 다중 배송지 주문이 가능한 구조 구현
  • 주문 플로우 전반의 데이터 흐름 일관성 확보
  • 운영 이슈 대응 및 사용자 경험 개선

포켓몬 스토어 온라인

2023.09 – 2023.10

포켓몬 공식 굿즈 판매를 위한 커머스 플랫폼 프로젝트입니다. NHN Shopby 기반 환경에서 웹 퍼블리싱 및 운영 UI 구현을 담당했습니다.

담당 업무
웹 퍼블리싱 및 운영 UI 구현
  • 쇼핑몰 전체 페이지(PC/Mobile) UI 구현
  • 운영 요구사항에 맞춰 사이트 내 인터렉션과 상품 · 이벤트 콘텐츠 UI 구성
  • 웹 접근성과 웹 표준을 고려한 UI 마크업 및 스타일링 진행
플랫폼 기능 커스터마이징
  • 플랫폼 기본 기능으로 지원되지 않는 갤러리형 게시판 UI 구현
  • Vanilla JavaScript 기반 카드형 레이아웃 및 인터랙션 개발
성과
  • 운영 환경에 맞춘 반응형 쇼핑몰 UI 구축
  • 상품 · 이벤트 콘텐츠를 시각적으로 탐색할 수 있는 갤러리형 게시판 구현
  • 플랫폼 기본 기능 한계를 커스텀 UI 방식으로 확장하여 고객 요구사항 충족

프로그래머스 데브코스

2025.07 – 2026.01

클라우드 기반 프론트엔드 엔지니어링

React · Next.js · TypeScript 기반 프론트엔드 심화 과정 수료. 팀 프로젝트 FE 팀장으로 협업 구조를 주도하며 1~3차 프로젝트 프론트엔드 부문 1위, 최종 프로젝트 우수상(전체 2위)을 수상했습니다.

교육 내용

  • ES6+ 문법 및 브라우저 렌더링 흐름 이해, TypeScript 기반 타입 안정성 설계
  • React Hooks 및 컴포넌트 생명주기 기반 상태 관리, SWR / Redux 활용 비동기 데이터 처리
  • Next.js(App Router) 기반 SSR / CSR 및 Server Component 구조 설계
  • Git / GitHub 브랜치 전략 수립 및 PR 리뷰 기반 협업 워크플로우 실습
  • 팀 프로젝트 FE 팀장으로 일정 관리, 코드 리뷰, 협업 구조 운영 경험

수료 성과

  • 최종 프로젝트 우수상 (전체 2위)
  • 1~3차 프로젝트 프론트엔드 부문 1위 (3회 연속)
  • 리더십상: 2개 프로젝트에서 FE 팀장으로 팀 협업 및 리딩 기여

프로젝트

내 콘서트를 부탁해

2025.12 ~ 2026.01

공연 예매부터 뒤풀이까지의 일정을 통합 관리할 수 있는 올인원 공연 일정 관리 플랫폼입니다. 프로그래머스 프론트엔드 데브코스 과정에서 백엔드 수강생과 협업해 진행한 프로젝트로, 사용자 흐름 개선과 일정 관리 UX 최적화에 집중했습니다.

담당 업무
FE 팀장 및 협업 구조 관리
  • GitHub 브랜치 전략, 배포 플로우, 프로젝트 문서 관리
  • 공통 컴포넌트 및 디자인 시스템 기준 정리
  • 코드 리뷰 및 협업 프로세스 운영
핵심 기능 및 UI 구현
  • 메인 · 공연 상세 · 외출 플래너 · 검색 · 마이페이지 등 핵심 화면 구현 전담
  • 플랫폼 전 페이지의 레이아웃 및 반응형 · 다크모드 UI 구현
  • 외출 플래너 UX 개선 및 검색 최적화 기능 구현
성과
사용자 경험 개선 및 성능 최적화

문제 인식

  • 사용자가 이동 일정을 직접 생성해야 하는 기존 구조에서 높은 입력 피로도와 혼란 발견
  • 팀원 피드백을 통해 '어떻게 사용해야 하는 기능인지 모르겠다'는 문제를 확인하고 UX 흐름 재설계 필요성 인지
  • 장소 검색 과정에서 입력마다 반복 발생하는 불필요한 API 호출 문제 발견

해결 방안

  • 장소 기반 일정 입력 시 이동 일정을 자동 생성하는 로직 구현
  • 기존 이동 일정 입력 단계를 제거하고 교통수단만 선택하도록 UX 단순화
  • Debounce 및 캐싱 전략을 적용해 장소 검색 과정의 API 중복 호출 최소화
  • TanStack Query prefetchQuery + HydrationBoundary 기반 서버 사이드 데이터 프리패칭 구현

결과

  • 사용자 입력 단계 약 24% 감소
  • API 호출 평균 6회 → 1회 감소
  • 초기 데이터 로딩 및 렌더링 성능 개선으로 사용자 대기 경험 최소화