쇼핑몰 운영자가 이번 주에 밀어줄 상품을 정했습니다.

상품 등록도 끝났고 가격과 사진도 준비했습니다. 이제 이 상품을 메인 화면의 잘 보이는 자리에 진열하고 싶습니다.

말로 하면 간단한 일입니다.

하지만 템플릿 중심으로 만들어진 쇼핑몰에서는 종종 개발자에게 요청해야 하는 일이 됩니다.

어떤 상품을 어디에 보여줄지 전달하면 개발자는 메인 화면을 담당하는 파일을 찾아 상품을 조회하는 코드를 추가하고, HTML과 디자인을 수정한 뒤 서버에 반영합니다.

다음 주에 진열할 상품이 바뀌면 같은 작업을 다시 반복합니다.

추천 상품이나 신상품을 관리하는 기능이 있는 쇼핑몰도 많습니다. 준비된 영역 안에서는 편리하지만, 다른 위치나 새로운 구성이 필요하면 결국 템플릿을 수정해야 하는 경우가 생깁니다.

운영의 변화가 개발 작업이 될 때

문제는 개발이 필요하다는 사실 자체가 아닙니다.

반복되는 운영의 변화까지 계속 개발 작업이 된다는 것입니다.

상품을 관리하는 일과 배치하는 일

머블로에서는 상품을 관리하는 일과 상품을 배치하는 일을 분리합니다.

상품 이름과 가격, 이미지와 판매 상태는 쇼핑몰이 관리합니다. 메인 화면에서는 상품 정보를 다시 입력하지 않고 이미 등록된 상품을 선택합니다.

운영자는 상품 블록을 원하는 위치에 배치하고, 어떤 상품을 어떤 방식으로 보여줄지만 결정합니다.

이번 주에 밀어줄 상품처럼 사람의 판단이 필요한 영역은 상품을 직접 선택합니다. 신상품처럼 일정한 규칙으로 운영할 수 있는 영역은 카테고리와 정렬 기준, 표시 개수를 지정해 자동으로 가져오도록 설정할 수 있습니다.

직접 진열은 “이 상품들을 보여준다”는 선택입니다. 자동 진열은 “이 카테고리의 최신 상품을 보여준다”는 규칙입니다.

블록 안에 상품 정보를 복사해 두는 것도 아닙니다.

블록에는 어떤 상품을 어떤 방식으로 보여줄지가 저장되고, 상품 정보 자체는 쇼핑몰이 계속 관리합니다. 따라서 가격이나 이미지가 변경되면 메인 화면도 변경된 정보를 사용합니다.

상품을 교체할 때는 선택한 상품만 바꿉니다. 화면의 모양은 상품 블록의 스킨이 책임합니다. 새로운 스킨이 추가되어 있다면 상품이나 페이지 구조를 건드리지 않고 모양을 바꿀 수 있습니다.

이것이 머블로가 블록을 사용하는 이유입니다.

상품은 하나의 예일 뿐입니다

게시판 패키지는 최신 글과 최신 댓글, 게시판 그룹을 블록으로 제공하고, 배너 플러그인은 배너를, FAQ 플러그인은 FAQ 목록을 제공합니다. 앞으로 만들어질 새로운 Package와 Plugin도 자신이 가진 기능을 같은 방식으로 블록으로 제공할 수 있습니다.

페이지 편집기는 상품이나 게시글, 배너가 무엇인지 알 필요가 없습니다. 운영자는 필요한 기능을 선택해 원하는 위치에 배치하기만 하면 되고, 각 기능은 자신이 관리하는 데이터를 이용해 화면을 구성합니다.

즉, 블록은 HTML 조각을 붙여 넣는 기능이 아니라 애플리케이션의 기능을 페이지에서 사용할 수 있도록 연결하는 역할을 합니다.

상품은 쇼핑몰이, 게시글은 게시판이, 배너는 배너 플러그인이 책임집니다. 각 기능은 자신의 데이터를 조회하고, 화면을 만들고, 필요한 설정을 제공합니다. 페이지는 그것들을 조합하는 역할만 담당합니다.

개발자와 운영자의 역할

블록 시스템이 개발자를 없애는 것은 아닙니다.

새로운 상품 기능이나 게시판 블록을 만들고, 새로운 플러그인을 개발하는 일은 여전히 개발자의 역할입니다. 다만 이미 만들어진 기능을 어디에 배치하고 어떻게 운영할지는 운영자가 직접 결정할 수 있습니다.

개발자는 새로운 기능을 만들고, 운영자는 그 기능을 조합해 서비스를 운영합니다.

이 역할이 분리되면 기능은 계속 확장될 수 있고, 운영은 개발 일정에 묶이지 않고 더 빠르게 변화할 수 있습니다.

상품 하나를 메인 화면에 올리는 일이 코드 수정과 배포가 아니라 운영자의 선택이 되는 것.

게시판의 최신 글을 첫 화면에 배치하거나, 새로운 플러그인이 제공하는 기능을 원하는 위치에 추가하는 일도 같은 방식으로 이루어집니다.

머블로의 블록 시스템은 개발자가 만든 기능을 운영자가 자유롭게 조합하고 활용할 수 있도록 연결하는 구조입니다.