디자인 에디터란? - 1분 개념 이해

이 페이지에서는 디자인 에디터의 핵심 개념을 기존 스킨 방식과 비교해 알기 쉽게 설명합니다. '위젯'이 무엇인지, 에이전시와는 어떻게 함께 쓰는지 1분 안에 파악해 보세요.


핵심 개념 - "전체 교체"가 아닌 "부품 교환"

기존 스킨 방식은 쇼핑몰 전체를 하나의 완성된 코드 덩어리로 만드는 방식입니다. 자동차로 비유하면, 차량 전체를 한 번에 조립해 놓고 이후에는 함부로 손댈 수 없는 구조입니다.

디자인 에디터는 다릅니다. 화면을 기능 단위의 '위젯' 으로 구성합니다. 각 위젯은 독립적으로 추가·이동·교체할 수 있습니다. 마치 레고 블록처럼, 필요한 위젯을 붙이고 빼고 위치를 바꿀 수 있는 구조입니다.


기존 방식 vs. 디자인 에디터 한눈에 비교

구분
기존 스킨 방식
디자인 에디터

수정 방법

HTML/CSS 코드 직접 수정

드래그 앤 드롭으로 시각적 편집

코딩 지식

필수 (에이전시 필요)

불필요 (운영자 직접 가능)

수정 속도

에이전시 일정에 따라 수일~수주

실시간 즉시 반영

비용

수정마다 튜닝 비용 발생

추가 비용 없이 직접 수정

유연성

전문가 없이 불가

위젯 단위로 손쉬운 커스터마이징


디자인 에디터와 에이전시, 함께 쓰는 방법

디자인 에디터로 배너 교체, 상품 진열 변경, 색상·폰트 조정 같은 일상적인 작업은 코딩 없이 직접 처리할 수 있습니다.

쇼핑몰만의 특별한 기능이 필요할 때는 에이전시와 협력하여, 에이전시는 커스텀 기능을 HTML 위젯으로 제작하고 이후 운영자가 에디터에서 직접 배치·관리할 수 있습니다.

에이전시가 한 번 만들어준 HTML 위젯은 운영자가 에디터에서 드래그 앤 드롭으로 원하는 위치에 배치할 수 있습니다. 이후 재배치나 교체도 에이전시 도움 없이 직접 할 수 있습니다.

Last updated

Was this helpful?