Config 작업영역(Workspace)

[주인장]

1. 작업 영역 

<div id="blocklyDiv" style="height: 480px; width: 600px;"></div>

2. 툴박스 구조 정의 

const toolbox = {
  "kind": "flyoutToolbox",
  "contents": [
    {
      "kind": "block",
      "type": "controls_if"
    },
    {
      "kind": "block",
      "type": "controls_repeat_ext"
    },
    {
      "kind": "block",
      "type": "logic_compare"
    },
    {
      "kind": "block",
      "type": "math_number"
    },
    {
      "kind": "block",
      "type": "math_arithmetic"
    },
    {
      "kind": "block",
      "type": "text"
    },
    {
      "kind": "block",
      "type": "text_print"
    },
  ]
}  

- 툴 박스를 작업 공간에 추가 

const workspace = Blockly.inject('blocklyDiv', {toolbox: toolbox});