문제 해결 과정
문제
상용 드래그 앤 드롭 라이브러리로는 사용자가 콘텐츠를 자유롭게 배치하고 템플릿으로 저장하는 기능을 반응형으로 구현하기 어려웠습니다. 좌표값 기반 배치가 화면 크기에 따라 깨지는 문제가 반복됐습니다.
해결
라이브러리의 기본 뼈대만 남기고 좌표값 계산 엔진과 애니메이션 로직을 직접 다시 설계했습니다. 부모 요소 규격에 맞춰 비율이 유지되도록 구조를 바꾸고, 모바일 뷰 전환 로직까지 보완했습니다.
성과
대응 해상도 범위를 대폭 넓혀, 다양한 화면 크기에서도 배치가 무너지지 않는 빌더 환경을 만들었습니다.
-
VTS 빌더 메인 -
VTS 빌더 메인 다크모드 -
VTS 빌더 코치마크 -
VTS 빌더 코치마크 다크모드 -
VTS 빌더 즐겨찾기 -
VTS 빌더 즐겨찾기 다크모드 -
VTS 빌더 템플릿 -
VTS 빌더 템플릿 다크모드
검색 결과가 없습니다.