LEGACY REFACTORING · KIWISNAP

상세페이지 에디터 구조 개선

에디터 데이터를 스토어로 통합해 불필요한 API 요청과 동기화 오류 개선

CONTEXT

배경과 과제

템플릿 기반 쇼핑몰 솔루션의 초기·베타부터 1.0, 2.0, 3.0까지 개발을 주도했습니다. 핵심 에디터에서 발생하던 불필요한 API 요청과 데이터 동기화 오류, 동작 속도 문제를 개선했습니다.

COMPONENTS

IMPLEMENTATION

Vue 3 · Nuxt.js 기반 에디터의 데이터를 스토어에서 중앙 관리하도록 구조를 개선했습니다. 데이터 흐름을 정리하고 불필요한 API 요청을 제거해 동기화 오류를 해결했습니다.

Seed 멤버이자 메인 개발자로 쇼핑몰 솔루션의 전체 구조와 핵심 에디터를 설계·개발했습니다. 초기·베타 버전을 거쳐 1.0, 2.0, 3.0으로 제품을 확장하는 과정을 담당했습니다.

Figma CSS 코드로 프레임 마크업을 자동 생성하는 도구를 개발했습니다. 에디터 성능 개선과 함께 반복적인 화면 제작 업무를 줄이는 자동화 작업도 진행했습니다.

OUTCOME