쉬운 개발 가이드
Last updated
Last updated
이 가이드에서는 ZEP Script 개발을 시도해 보고자 하는 분들을 위한 간단한 개발 환경 및 방법에 대해 설명합니다.
ZEP Script를 이용해 앱을 개발하기 위해서는 코드를 작성할 수 있는 IDE(편집기)가 필요합니다. 이 가이드에서는 Visual studio code 소프트웨어를 설치해 보도록 하겠습니다.
Visual studio code 홈페이지(링크)에 방문합니다.
PC에 설치된 OS에 맞는 소프트웨어를 다운로드하고 설치합니다.
설치한 소프트웨어를 실행합니다.
중앙 상단에 표시되는 파일 형식 입력에 main.js라고 입력합니다.
(ZEP Script로 제작한 앱에는 반드시 main.js 파일이 있어야 합니다)
파일을 저장할 폴더를 선택하신 후 파일 생성을 클릭합니다.
미니 게임을 실행하면 간단한 인사 메시지가 나오는 앱을 제작해 보도록 합니다.
사용할 API는 아래 3가지입니다.
App.onStart - 앱이 실행될 때 이 API함수 내에 있는 명령들이 1회 실행됩니다.
App.sayToAll - 채팅 창에 메시지를 표시하는 기능입니다.
App.showCenterLabel - 화면에 메시지를 표시하는 기능입니다.
더 많은 기능에 대해 알아보려면 ZEP-Script 가이드(링크)를 참고해 주세요.
아래와 같이 테스트 코드를 작성한 후 저장합니다.
저장이 완료되었으면, 앱을 업로드하기 위해 main.js파일이 있는 폴더로 이동해 해당 파일을 *.zip파일로 압축합니다.
[나의 앱]에서 앱을 등록하거나 수정할 수 있습니다. 새로운 앱을 업로드하기 위해 우측 상단에 [앱 업로드] 버튼을 클릭합니다.
앱 업로드에 필요한 정보를 작성합니다.
이름, 설명 등을 작성합니다.
앱 타입은 [미니 게임]으로 합니다.
[ZIP 파일 업로드] 버튼을 눌러, 작성한 코드가 포함된 압축 파일을 등록합니다.
다 완료되었으면 [업로드] 버튼을 눌러 완료합니다.
앱 종류 및 업로드에 대한 자세한 사항은 [배포 가이드]를 참고해 주세요.
테스트를 위해 홈페이지에 로그인 후 스페이스를 만들어 주세요.
좌측의 사이드바에서 [미니 게임]을 클릭합니다.
실행 가능한 미니 게임 목록 중에 내가 업로드한 앱을 클릭합니다. [Hello, ZEP]
앱이 실행됨과 동시에 화면 상단과 채팅 창에 코드로 작성했던 Hello, ZEP! 이라는 메시지가 나타나는 것을 볼 수 있습니다.
기본적인 앱 제작, 업로드 방식에 대해 알아봤는데요,
ZEP Script에 대해 조금 더 학습하면, 자신이 원하는 앱을 만들 수 있습니다.
[기초 예제 코드]를 따라서 만들어 보는 것부터 시작해 보세요!
좌측 상단에 [파일] → [새 파일]을 선택합니다.
홈페이지 로그인한 후 우측 상단에 내 닉네임을 클릭해서 [나의 앱]을 클릭합니다.
