blockly 커스텀 블록 만들기

2023-03-14

Blockly Developer Tools

직접 코딩해도 되는데, 위 해당 링크 Blockly Developer Tools 에 들어가서 만들면 됨

preview

실제 블럭 모양을 나타냅니다.

no connections 선택박스를 변경하면 모양이 변함을 알 수 있습니다.

inputs

여기에는 input 만 들어 갈수 있으며, value, statment, dummy 3가지가 있습니다.

저는 주로 dummy 를 사용했습니다.

filed

저는 여기서 text input 과 dropdown 만 사용해 보았습니다.

block definition

import, download 등이 있는데, 만들어진 블록의 코드는 block definition 에 나옵니다.

해당 코드를 복사해서 사용하면 됩니다.

generator stub

results matching ""

    No results matching ""

    99 other / uml

    04 react / JSX