웹에서 Blockly 사용하기Blockly는 웹, Android, iOS에서 모두 사용 가능하지만, 여기서는 웹 환경을 기준으로 하겠습니다. Blockly로 만든 블록과 editor(Workspace)를 웹에서 사용하기 위해서는 다음과 같은 단계를 거칩니다. Blockly workspace를 삽입할 수 있는 웹 페이지를 준비한다. XML 형식으로 wo
Code generation 코드 작성하기지금까지 Blockly에서 custom block의 모양과 성질을 정의하였습니다. 지금까지의 단계를 모두 마쳤다면, 이제 사용자의 마음대로 정의된, 온전한 ‘형태’를 갖춘 블록이 만들어진 것입니다. 하지만, 이것만으로는 부족합니다. 지금까지 만든 블록은 아직 형태만 갖추어진 껍데기이기 때문에 실질적인 기능을 나타내
JSON array 스타일로 블록 정의하기지난 포스트에서는 처음부터 끝까지 Javascript 스타일로 블록을 정의하는 방법을 살펴보았습니다. 이번 포스트에서는 블록을 정의하는 또 다른 방법인 JSON array를 사용하는 방법 을 다루겠습니다. 이 방법은 Google Blockly 공식 가이드에서도 더 권장하는 방법이고, 익숙해진다면 Javascript
Javascript로 블록 정의하기앞서 Blockly의 custom block을 정의하는 방법에는 Javascript만 이용하는 것과 JSON array를 같이 이용하는 것, 두 가지가 있다고 했습니다.이번 포스트에서는 그 중 첫 번째 방법인 Javascript만 이용하는 방법으로 블록을 정의해 보겠습니다. 정의할 블록이번과 다음 포스트에서 정의할 블록의
Blockly Input TypesBlockly 커스텀 블록의 형태에는 여러 가지가 있습니다. 보통 Input 과 Output이 어떤 것이냐, Connection의 형태는 어떻냐에 따라 블록의 모양이 달라집니다. 제일 먼저 Blockly 블록의 input과 output, 그리고 connection이 무엇인지 정의해 보면 이렇습니다. Input: 블록의
Blockly Custom Block 정의(개요)Blockly의 장점은 기본 블록 외에도 어플리케이션이 필요로 하는 다양한 custom block을 마음껏만들어 사용할 수 있다는 것입니다. Custom block을 만들려면 크게 다음과 같은 두 가지 단계를 거칩니다. Block의 모양, 색깔, 다른 블록과의 결합 정보 등을 정의한다. 만들어진 Bloc
Blockly란?Google이 만든 Blockly 라이브러리는 웹, ios, Android에서 구동하는블록 기반 프로그래밍 앱을 만들기 위해 사용됩니다. 주의하실 점은 Blockly 라이브러리는 개발자를 위한 도구이며,우리가 흔히 알고 있는, ‘블록을 맞추어 프로그래밍을 할 수 있게 만든 플랫폼 또는 앱’은 Blockly 어플리케이션(Blockly App