맞춤 구성요소

이 문서는 Blockly 내에 새 블록을 만들려는 개발자를 대상으로 합니다. 여기에서 Blockly 로컬 사본을 수정할 수 있고, Blockly의 사용 방식에 익숙하며, 자바스크립트에 대한 기본적인 지식을 가진 기존 사용자가 있다고 가정합니다.

Blockly는 많은 수의 사전 정의된 블록과 함께 제공됩니다. 수학 함수부터 루프 구조에 이르기까지 모든 것을 다룹니다. 하지만 외부 애플리케이션과 상호작용하려면 커스텀 블록을 만들어 API를 구성해야 합니다. 예를 들어 그리기 프로그램을 만들 때 '반지름 R의 그리기 원' 블록을 만들어야 할 수도 있습니다.

대부분의 경우 가장 쉬운 방법은 이미 존재하는 매우 유사한 블록을 찾아 복사하고 필요에 따라 수정하는 것입니다. 다음 문서는 도움이 더 필요한 사용자를 대상으로 합니다.

블록 정의

첫 번째 단계는 블록을 만드는 것입니다. 블록의 형태, 필드, 연결 지점을 지정합니다. Blockly 개발자 도구를 사용하는 것이 이 코드를 작성하는 가장 쉬운 방법입니다.

Blockly 개발자 도구에서 추가 정보...

또는 API를 학습한 후 이 코드를 직접 작성할 수도 있습니다.

블록 정의에 대해 자세히 알아보기

고급 블록은 사용자 또는 기타 요인에 따라 모양이 동적으로 변경될 수 있습니다.

Mutator에 대해 자세히 알아보기

코드 생성

두 번째 단계는 블록 코드 생성기를 만들어 새 블록을 프로그래밍 언어 (예: JavaScript, Python, PHP, Lua, Dart)로 내보내는 것입니다.

블록 코드 생성기에 대해 자세히 알아보기

새 블록 사용

블록을 만든 후에는 도구 상자에 추가하거나 작업공간에서 사용하는 것을 잊지 마세요.

맞춤 블록 추가에 대한 추가 정보