2020년 4월 XELF 개발자모드 베타버젼을 공개합니다.

XELF는 콘텐츠를 웹에서 쉽고 빠르게 만들 수 있는 디자인 도구였습니다.

이제 XELF는 디자인뿐만 아니라 프로그래밍을 할 수 있는 환경, 즉 개발자 모드를 추가함으로서 XELF IDE(통합개발환경)로 또 한걸음을 내딛고자 합니다.

기존에는 텍스트, 이미지, 도형 등을 페이지에 배치할 수 있어 프레젠테이션이나 카드뉴스 등을 만들 수 있었으나 이제 독립적인 스크립트 개발환경을 추가함으로서 게임이나 어플리케이션과 같은 다양한 기능을 가진 콘텐츠를 제작할 수 있게 되었습니다.

사실 개발자모드는 그 동안 XELF 개발팀에서는 이미 사용하고 있었던 익숙한 개발환경입니다. 한글과컴퓨터의 말랑말랑플랫폼과 콘텐츠제작을 진행하면서 이미 콘텐츠 디자인을 XELF로 진행하고 스크립트를 별도 삽입하여 사용하고 있었던 것이지요.

이를 통해 퍼즐게임, 방탈출게임, 심리테스트, 카드 저작도구 등 20여개의 콘텐츠를 만들었던 바가 있습니다. 이와 같은 개발자 모드의 추가로 이제 사용자 여러분도 강력한 콘텐츠 개발을 직접 진행하실 수 있습니다. 또, 빠른 시일내에 XELF 개발팀에서 제작했던 다양한 장르의 콘텐츠와 게임을 오픈소스 형태로 공개할 계획을 가지고 있습니다.

그 첫 번째로 심리테스트를 제작할 때 쓰였던 “보안 자가점검 테스트” 소스코드와 간단한 개발방법을 공개합니다. 콘텐츠를 재사용하시면 개발자모드에서 소스를 확인하실 수 있습니다.

– 보안 자가점검 테스트 바로가기
– 보안 자가점검 콘텐츠 개발기 바로가기

 


그렇다면 XELF에 추가된 개발자 모드는 어떻게 활용할 수 있을까요?

개발자 모드는 개발자에게 익숙한 자바스크립트를 주 언어로 사용하고 있습니다.
디자인 모드에서 페이지를 생성하고 오브젝트를 만들었다면 개발자 모드에서도 동일하게 생성된 페이지와 오브젝트의 리스트를 확인할 수 있으며 이를 기반으로 프로젝트와 페이지에 자바스크립트를 코딩하여 추가할 수 있습니다.
다만 주의할 점은 입력된 스크립트는 디자인 모드에서 실행되진 않으며 뷰어(미리보기)에서만 확인할 수 있습니다.

– XELF 개발자모드 매뉴얼 보기

XELF API를 활용하실 수 있습니다.
자바스크립트 외에도 XELF에서 사용되는 프로젝트/페이지 구조, 오브젝트와 액션 등을 제어하기 위한 API를 제작하여 공개하였습니다. 현재는 30여종의 API를 공개하였으며 현재 테스트와 검증을 진행중인 100여종의 API를 추가적으로 공개하여 개발 편의를 향상시킬 예정입니다.

– XELF API 매뉴얼 보기

기본적인 개발 편의기능을 제공합니다.
개발자 모드에서는 컬러를 통한 구분, 자동완성, LineNumber, 빠른 찾기(Cntr+F), 빠른 이동, API 도움말, 오브젝트/페이지 이름 입력 등의 기본적인 개발 편의기능을 제공하고 있습니다.

개발자 모드에 대한 자세한 건의 또는 의견은 1:1문의를 통해서 알려주시면 성실히 답변드리도록 하겠습니다. 또, 올해 개발자 모드를 포함한 XELF 통합개발환경에 대한 온/오프라인 강의를 준비하고 있으니 XELF에서 지향하고 있는 간편한 콘텐츠 개발에 대해 더 자세히 알아보실 수 있을 것으로 기대합니다.

현재 개발자 모드는 베타버젼으로 공개되었습니다. 알려지지 않은 오류돠 다소 미흡한 기능들이 있을 수 있으며 향후 업데이트 방향에 따라 API 및 지원범위 등이 변경될 수 있음을 알려드립니다. 또한, 배포된 데스크톱/모바일 앱에서는 개발자 모드에서 개발된 소스를 뷰어에서 반영하지 않습니다. 향후 지원여부를 재공지드리겠습니다.


 

<스크립트 개발 환경이 추가된 XELF IDE(통합개발환경) 구조도>

개발자 모드의 추가로 저희가 지향하고 있는 콘텐츠 개발환경에 대한 구체적인 비전을 보여드릴 수 있게된 것 같아 내부적으로도 많은 기대를 갖고 있습니다. 클라우드와 웹 기술은 이제 콘텐츠를 만드는 가장 중요한 기준이 될 것으로 생각합니다. 더 폭넓고 전문적인 콘텐츠를 손쉽게 만들 수 있는 환경을 제공하도록 최선을 다하겠습니다.