본문으로 바로가기

FRONTEND DEVELOPER · 2019–NOW

UI를 제품으로 완성합니다

David KimFrontend Developer

운영과 구축을 모두 경험한 프론트엔드 개발자

약 7년간 Vue.js를 중심으로 장기 운영, 기능 개선, 리뉴얼과 신규 구축을 경험했습니다. 신세계 스타필드 모바일 서비스를 장기 운영하며 기존 코드 분석부터 로그인·이벤트·신규 지점 구축을 담당했고, 삼성 EDP에서는 React 기반 업무 시스템을 구현했습니다.

약 7년
2019년부터 이어온 프론트엔드 실무
Vue 중심
Vue·Nuxt 기반 운영·개선·신규 화면 구축
운영 + 구축
장기 서비스와 신규 오픈 모두 경험

Frontend craft / live

01 / READ THE INTENT

DESIGN

Figma에서 화면보다 먼저 의도, 상태와 사용자 흐름을 읽습니다.

단계에 포인터를 올리거나 키보드 방향키를 사용해 화면을 직접 전환할 수 있습니다.

  • Vue
  • Nuxt
  • React
  • TypeScript
  • Figma
  • Playwright
  • AI-assisted workflow
Selected work

Selected work

화면보다 먼저, 해결한 문제를 보여드립니다.

각 프로젝트를 문제, 역할, 기술적 판단, 결과의 순서로 정리했습니다. 실무 면접에서 확인할 수 있는 근거도 함께 표시합니다.

Starfield Mall 통합 웹 서비스 대표 화면

신세계프라퍼티

2020.05–2021.06 · 2022.08–현재

Starfield Mall 통합 웹 서비스

쇼핑, 혜택, 이벤트 등을 하나의 경험으로 연결한 통합 웹/앱 서비스

문제
인수인계가 제한된 Vue 기반 모바일 서비스를 분석해 운영 안정성을 확보하면서 신규 기능과 지점 확장을 이어가야 했습니다.
역할
기존 코드·데이터 흐름 분석, 로그인 기능 개선, 월 단위 이벤트, 스타필드 키즈 고도화, UI 수정과 운영 오류 대응을 맡았습니다.
판단
기존 구조에 미치는 영향을 먼저 확인하고 기능 단위로 점진적으로 반영해 장기 운영과 신규 구축을 병행했습니다.
결과
전 지점 모바일 서비스 운영과 안성점·센터필드 구축을 지원했고, 이후 리뉴얼·애비뉴·빌리지 신규 서비스 구축까지 경험을 확장했습니다.
  • 전 지점 모바일 웹·앱 장기 운영
  • 로그인·월 단위 이벤트·신규 지점 구축
  • Vue 기반 운영과 신규 구축
  • Vue3
  • Pinia
  • 하이브리드 앱
사례 자세히 보기
행복앱 kong 운영/리뉴얼 대표 화면

SK 행복 DATA 플랫폼

2022.02–2024.12

행복앱 kong 운영/리뉴얼

소중한 일상을 기록하고 공유하는 모바일 서비스

문제
장기 운영 중인 Vue 서비스를 안정적으로 유지하면서 UI·기능 개선과 신규 화면 개발을 함께 이어가야 했습니다.
역할
프론트엔드 1인 담당으로 기존 화면과 데이터 흐름을 분석하고 UI 수정, 기능 개선, 오류 대응과 신규 화면 개발을 수행했습니다.
판단
기존 동작의 영향을 먼저 확인하고 화면과 상태 관리 변경을 기능 단위로 나누어 점진적으로 반영했습니다.
결과
장기 운영과 고도화를 같은 맥락에서 책임지며 서비스 이해도와 운영 대응 경험을 축적했습니다.
  • 프론트엔드 1인 담당
  • 2022.02–2024.12 장기 운영
  • Vue 기반 운영·고도화
  • Vue
사례 자세히 보기
삼성엔지니어링 EDP 구축 대표 화면

삼성엔지니어링

2021.10–2022.01

삼성엔지니어링 EDP 구축

엔지니어링 데이터를 통합 관리하는 업무 플랫폼

문제
복잡한 엔지니어링 업무 화면과 데이터 흐름을 이해하고 사내 API와 연결해야 했습니다.
역할
React 함수형 컴포넌트와 Hooks 기반으로 업무 화면, 공통 컴포넌트와 API 연동을 구현했습니다.
판단
반복되는 업무 UI를 공통 컴포넌트로 분리하고 데이터 흐름에 맞춰 화면 상태와 API 연동 경계를 정리했습니다.
결과
React 기반 엔터프라이즈 업무 시스템을 구축하며 복잡한 데이터 중심 화면의 구현 경험을 확보했습니다.
  • React 함수형 컴포넌트·Hooks
  • 공통 컴포넌트와 API 연동
  • 사내 시스템 구축
  • React
  • Redux Toolkit
사례 자세히 보기

Career snapshot

운영을 이해하고, 구축까지 책임집니다.

빠르게 만드는 것만큼 기존 서비스의 맥락을 읽고 안전하게 바꾸는 일을 중요하게 생각합니다. Vue 기반 장기 운영 경험을 중심으로 React 업무 시스템까지 구현 범위를 넓혀 왔습니다.

약 7년
2019년부터 이어온 프론트엔드 실무
Vue 중심
Vue·Nuxt 기반 운영·개선·신규 화면 구축
운영 + 구축
장기 서비스와 신규 오픈 모두 경험
React 실무
삼성 EDP 업무 시스템 프론트엔드

근무 지역대한민국 · 서울/경기

Capability evidence

기술 이름보다, 적용한 맥락을 설명합니다.

주력 기술과 협업 도구를 실제 프로젝트에서 맡았던 문제와 연결했습니다.

  • Vue / Nuxt

    장기 운영 서비스의 기존 구조를 분석하고 기능 개선과 신규 화면 구축을 함께 수행했습니다.

    Starfield · 행복앱 kong · LS엠트론

  • React

    함수형 컴포넌트와 Hooks를 기반으로 데이터 중심의 엔터프라이즈 업무 화면을 구현했습니다.

    삼성엔지니어링 EDP

  • Figma → UI Structure

    디자인의 반복 패턴과 화면 맥락을 읽어 공통 컴포넌트와 페이지 전용 구조로 나눕니다.

    반응형 화면 · 공통 컴포넌트 · API 상태

  • AI-assisted, human-verified

    AI를 구현과 리팩토링에 활용하되 변경 범위를 통제하고 실제 브라우저에서 직접 검증합니다.

    Claude Code · Codex · Playwright MCP

Working proof

디자인을 코드로 옮기고, 직접 검증합니다.

단계 버튼을 선택해 작업 흐름을 확인할 수 있습니다. 자동 재생이나 스크롤 제어 없이 사용자가 속도를 결정합니다.

STEP 01

요구사항 구조화

목표, 구현 범위와 예외 조건을 개발 전에 명세합니다.

AI의 제안을 그대로 채택하지 않습니다. 요구사항과 기존 구조를 기준으로 변경 범위를 확인하고, 브라우저에서 상태·반응형·접근성을 다시 검증합니다.

Experience

2019년부터 이어온 실무 경험

신규 구축과 장기 운영을 오가며 화면 구현, API 연동, 오류 대응과 서비스 개선을 담당했습니다.

  1. 2022.02–현재

    재직 중

    ㈜플립커뮤니케이션즈

    연구소 책임 · Frontend Developer

    • 신세계 스타필드, SK 행복 DATA 플랫폼, LS엠트론, 오리온 제주용암수 등 Vue 기반 서비스 운영·구축
    • 일부 프로젝트에서 프론트엔드 1인 담당으로 기존 코드 분석, 화면·기능 개발, API 연동, 운영 이슈 대응
    • 요구사항 명세, Figma 구조 분석, 구현·리팩토링·브라우저 검증에 AI 기반 개발 워크플로 활용
  2. 2020.04–2022.02

    다름

    주임 · Frontend Developer

    • 신세계 스타필드 전 지점 모바일 웹·앱 운영, 로그인 기능 개선, 월 단위 이벤트와 신규 지점 구축 지원
    • 삼성엔지니어링 ITB는 Vue.js, EDP는 React 함수형 컴포넌트와 Hooks 기반으로 구현
  3. 2019.07–2020.01

    소울웨어

    사원 · Frontend Developer · Backend Support

    • Pexpo2와 LoudClass의 Vue.js 프론트엔드 개발, REST API 연동과 기능 구현
    • Java·Groovy 백엔드 코드 흐름을 파악하며 개발을 지원하고 AWS·Docker 배포 환경 경험

Contact

함께 해결할 프론트엔드 문제가 있다면 이야기해 주세요.

장기 운영의 맥락을 이해하면서도 더 나은 구조와 사용자 경험을 제안하는 프론트엔드 개발자로 기여하겠습니다.

David KimFrontend Developer대한민국 · 서울/경기