안녕하세요. zittme 개발팀입니다.

테마 데모를 보고 "이 모습 그대로 쓰고 싶다"는 말씀을 자주 듣습니다. 그런데 지금까지는 테마를 설치해도 메뉴, 게시판, 샘플 글, 예약 설정 같은 것은 직접 하나씩 만들어야 했습니다. 그래서 데모 사이트를 통째로 내 사이트에 옮겨 주는 스타터 킷을 만들고 있습니다. 오늘은 그 개발 근황을 전해 드립니다.

## 스타터 킷이란

스타터 킷은 데모 사이트 하나를 파일 한 개(ZIP)로 묶은 것입니다. 안에는 테마와 필요한 모듈, 페이지와 게시판, 메뉴, 레이아웃 설정, 샘플 글과 이미지, 예약·지점 같은 모듈 데이터, 그리고 다국어 문구까지 들어 있습니다. 설치하고 나면 문구와 사진만 바꿔서 바로 쓸 수 있는 상태가 됩니다.

▲ 관리자 > 스타터 킷. 스토어의 킷을 고르거나 킷 파일을 직접 올릴 수 있습니다.

## 어떻게 동작하나

설치는 미리보기 → 설치 두 단계입니다. 미리보기에서는 무엇이 새로 들어오는지 먼저 보여 줍니다. 받아야 할 테마·모듈, 추가될 모듈 수와 글·이미지·다국어 문구 개수를 확인한 뒤에 설치를 누르면 됩니다.

가장 신경 쓴 부분은 기존 데이터를 덮어쓰지 않는 것입니다. 킷은 새 메뉴와 새 모듈을 추가만 합니다. 이미 같은 주소(mid)가 있으면, 예를 들어 /board가 있으면 /board_2로 새로 만듭니다. 대문 지정이나 기본 레이아웃 변경, 킷 언어 켜기처럼 사이트 전체에 영향을 주는 설정은 선택 항목으로 따로 두었고, 고르지 않으면 지금 설정이 그대로 유지됩니다.

▲ 미리보기 화면 — 겹치는 주소는 _2로 새로 만든다고 미리 알려 줍니다.

설치는 테마·모듈 받기, 이미지 복사, 다국어 문구, 사이트맵, 레이아웃, 모듈 생성, 메뉴 연결, 글 가져오기, 모듈 데이터, 설정 순으로 단계별로 진행되고, 화면에서 진행 상황을 볼 수 있습니다.

▲ 설치 완료 화면 — 단계별 진행과 기록된 항목 수.

## 안전장치

설치하면서 만든 것과 바꾼 설정은 모두 기록해 둡니다. 그래서 마음에 들지 않으면 기록을 따라 깔끔하게 걷어낼 수 있습니다.

## 기술 이야기 조금

킷 ZIP 안에는 kit.json 명세가 있습니다. 킷 이름과 버전, 필요한 코어 버전, 받아야 할 테마·모듈과 버전 조건, 모듈·메뉴·글·데이터 목록이 여기에 적혀 있습니다. 설치는 코어의 KitImporter가 맡습니다. 명세를 읽어 미리보기를 계산하고, 주소가 겹치면 새 이름을 정하고, 단계마다 무엇을 만들었는지 기록합니다. 킷 안의 서로 참조하는 번호(모듈, 글, 파일)는 설치하면서 새 사이트의 번호로 바꿔 연결합니다.

킷은 관리자 화면의 킷 만들기에서 직접 만들 수도 있습니다. 넣을 모듈과 메뉴, 레이아웃, 콘텐츠, 언어를 고르면 지금 사이트가 킷 ZIP으로 내보내집니다.

▲ 킷 만들기 — 지금 사이트를 스타터 킷으로 내보냅니다.

## 헤어살롱 킷으로 시험했습니다

첫 킷은 헤어살롱 테마 데모입니다. 빈 사이트에 설치해 보니 테마와 예약·지점 모듈을 받아 오고, 모듈 6개, 글 20개, 이미지 20장, 다국어 문구 60개, 예약·지점 데이터 128행이 들어왔습니다. 기존 게시판이 있던 주소는 _2로 새로 만들어졌고, 원래 글은 그대로였습니다. 추가된 것 제거와 설치 전으로 되돌리기도 시험했습니다.

▲ 킷으로 설치한 사이트의 첫 화면.

▲ 왼쪽은 공식 데모, 오른쪽은 킷으로 설치한 사이트.

▲ 일본어로 본 모바일 화면 — 다국어 문구도 함께 들어옵니다.

## 언제, 그리고 다음은

스타터 킷은 코어 1.1.0에 들어갑니다. 10월 20일 공개를 목표로 하고 있습니다.