Code Editor(Javascript)

코드 에디터는 WEVY에서 다양한 프론트엔드 비지니스 로직을 수행하기 위한 필수적인 부분입니다. 코드 에디터를 개발자는 다양한 로직을 직접 개발할 수 있고, 이를 통해 WEVY는 수많은 애플리케이션을 개발할 수 있습니다. 이 문서를 통해서 코드 에디터 사용법을 숙지하시어 다양한 애플리케이션을 개발하도록 하세요.

코드 에디터는 Javascript 문법을 통해 작성됩니다.

노트

Function 기능을 통해 구현되었으므로 해당 문서를 확인하시는 것도 도움이 될 수 있습니다.

시스템 데이터

코드 에디터에서 WEVY시스템이 가지고 있는 다양한 데이터를 활용할 수 있어야 합니다. 우리는 이미 약속된 데이터 형식을 통해서 시스템에 저장된 데이터를 가져올 수 있습니다. 코드 에디터는 Ace-editor를 기반으로 개발되어 우리는 이미 존재하는 기능을 사용하여 손쉽게 데이터를 가지고 올 수 있도록 하였습니다. Ace-Editor의 자동완성 기능과 시스템 데이터를 연동했습니다. @ 문자를 입력할 경우 자동완성 기능을 통해 데이터를 가져올 수 있습니다. (이 기능이 작동하지 않아 버그픽스 해야 함)

자동완성 리스트에서 항목을 선택하면 시스템에서 인식할 수 있는 변수 형태로 변경이 됩니다. Code 함수가 실행될 때 시스템은 자동적으로 해당 변수를 데이터로 변환하게 됩니다.

팁

데이터의 형식에 따라서 Quete를 사용하거나 데이터 타입을 변경해줘야 할 수 있습니다.

const data = `${storDate.test}`;
const data = Number(${storData.test});

시스템 함수

코드 에디터에서는 시스템 함수를 사용할 수 있습니다. 자주 사용되는 몇가지 라이브러리를 추가해두었습니다.

• moment
• numeral

systemFunction.moment();
systemFunction.numeral();

트러블슈팅

Debug

코드 에디터를 통해 작성한 코드는 디버그가 어렵습니다. 브라우저의 인스펙터 - 콘솔 기능을 통해 디버깅이 가능하나, 개발자 계정이 아닌 경우 디버그 로그를 남겨주지 않으니 참고하세요.