코드 생성

코드 생성은 작업공간의 블록을 실행 가능한 코드 문자열로 변환하는 프로세스입니다.

코드 생성은 매우 중요합니다. 블록이 산술식 평가, 미로에서 캐릭터 이동, 온라인 상점 구성과 같은 작업을 실제로 실행할 수 있도록 하기 때문입니다.

Blockly는 블록을 직접 '실행'하지 않습니다. 대신 코드 문자열을 생성한 후 실행합니다.

코드 생성기

코드를 생성하려면 코드 생성기 인스턴스를 사용합니다.

다음 코드 스니펫은 워크스페이스의 블록에 관한 JavaScript 코드를 생성하는 방법을 보여줍니다.

// javascriptGenerator is a code generator that makes JavaScript strings.
import {javascriptGenerator} from 'blockly/javascript';

const code = javascriptGenerator.workspaceToCode(myWorkspace);

Blockly에서 제공하는 다양한 코드 생성기와 액세스 방법에 관한 자세한 내용은 언어 코드 생성기를 참고하세요.

블록 코드 생성기

각 블록에는 생성하는 코드를 정의하는 연결된 블록 코드 생성기가 있습니다. 생성하려는 각 언어에 대해 블록 코드 생성기를 정의해야 합니다.

이 코드 스니펫은 '앞으로 이동' 블록의 JavaScript 블록 코드 생성기를 정의합니다.

javascriptGenerator.forBlock['my_custom_block'] = function(block, generator) {
  const steps = block.getFieldValue('FIELD_NAME');
  // moveForward is a function you would have to define yourself and provide
  // within your execution context.
  return `moveForward(${steps});\n`;
}

블록 코드 생성기를 정의하는 방법에 관한 자세한 내용은 블록 코드 생성기를 참고하세요.

실행

코드를 생성한 후에는 코드를 실행하는 방법을 알아야 합니다. 실행 방법을 결정하는 것은 애플리케이션에 따라 다르며 Blockly의 범위를 벗어납니다.

코드를 실행하는 방법에 관한 자세한 내용은 코드 생성 및 실행을 참고하세요.