플러스
프로젝트 배경
1) 문제점 - 기존 이미지 에디터는 스티커 제작 전용 기능이 부족하거나, fabric.js 같은 캔버스 조작 라이브러리와의 통합이 어려웠음 - 사용자가 직접 스티커를 추가/이동/크기 조정/회전/삭제할 때 발생하는 레이어 충돌 및 성능 저하 문제 - 백엔드 API 연동 없이 로컬에서만 동작하거나, 이미지 저장 및 공유 기능이 미흡했음 - 텍스트, 도형, 이미지 등 다양한 오브젝트를 일관된 UI로 편집할
위시켓과 함께한 진행 과정
프로젝트 등록
웹 기반 이미지 에디터 프론트엔드 개발
2023.11.03.
프로젝트 완료
(주) 스케치북
5.00
프로젝트 성과
fabric.js 기반 플러그인 모듈 완성
독립적으로 임베드 가능한 이미지/스티커 에디터 플러그인을 개발하여 재사용성 100% 확보
API 연동 통합 처리
이미지 업로드, 스티커 저장, 템플릿 불러오기 등 5개 이상의 REST API 엔드포인트 연동 완료
편집 성능 최적화
대용량 스티커(50개 이상) 추가 시에도 프레임 드롭 없이 60fps 유지하도록 렌더링 개선
Undo/Redo 히스토리 기능 구현
최대 30단계 작업 이력 저장 및 복원 기능으로 사용자 실수 복구율 100% 지원
크로스 디바이스 지원
PC(마우스)와 모바일(터치) 환경 모두에서 동일한 편집 경험 제공, 테스트 완료
핵심 기능
스티커 기반 이미지 편집
fabric.js를 활용하여 스티커 추가, 위치 이동, 크기 조절, 회전, 삭제 등을 자유롭게 수행할 수 있는 직관적 편집 환경 제공
진행 단계
요구사항 분석 및 기술 스택 정의
2022.11.
fabric.js 기반 플러그인 구조 설계 및 API 연동 규격 정의, 위시켓 요구사항 명세서 기준 기능 리스트 확정
프로젝트 상세
이미지에디터를 개발하고 fabric.js 플러그인 혹은 유사 플러그인으로 만드는 프로젝트입니다. 스티커 만드는 에디터를 실행시켜서 이미지를 편집하거나 유사한 기능을 수행합니다. API연동개발까지 모두 포함되어있습니다. 위시켓에서 계약후 성공적으로 수행완료한 프로젝트입니다.
