차단하게

블록리 패키지

클래스

클래스	설명
ASTNode	AST 노드의 클래스입니다. 노드를 직접 만드는 대신 createNode 메서드 중 하나를 사용하는 것이 좋습니다.
BasicCursor	기본 커서의 클래스입니다. 이렇게 하면 다음 또는 이전 버튼을 눌러 AST의 모든 노드로 이동할 수 있습니다.
차단	블록 1개의 클래스입니다. 일반적으로 직접 호출되지 않으므로 workspace.newBlock()을 사용하는 것이 좋습니다.
BlockDragger	블록 드래거의 클래스입니다. 마우스나 터치로 드래그하는 경우 작업공간에서 블록을 이동합니다.
BlockSvg	블록의 SVG 표현에 대한 클래스입니다. 일반적으로 직접 호출되지 않으므로 workspace.newBlock()을 사용하는 것이 좋습니다.
BubbleDragger	도움말 풍선 드래거의 클래스입니다. 마우스나 터치로 드래그하는 경우 작업공간 내 도움말 풍선 캔버스의 항목이 이동합니다. 이러한 댓글은 차단 댓글, 변형자, 경고 또는 작업공간 댓글일 수 있습니다.
CodeGenerator	블록을 언어로 번역하는 코드 생성기의 클래스입니다.
CollapsibleToolboxCategory	도구상자에서 축소할 수 있는 카테고리의 클래스입니다.
ComponentManager	작업공간에 등록된 모든 항목의 관리자입니다.
연결	블록 간 연결을 위한 클래스입니다.
ConnectionChecker	연결 유형 확인 로직의 클래스입니다.
ConnectionDB	연결 데이터베이스입니다. 연결은 수직 구성요소 순으로 저장됩니다. 이런 식으로 한 지역에서의 연결들을 바이너리 검색을 사용하여 신속하게 조회할 수 있습니다.
ContextMenuRegistry	컨텍스트 메뉴 항목의 레지스트리에 대한 클래스입니다. 싱글톤으로 의도되었습니다. 새 인스턴스를 만들어서는 안 되며 ContextMenuRegistry.registry에서만 이 클래스에 액세스해야 합니다.
Cursor	커서의 클래스입니다. 커서로 사용자가 Blockly AST를 탐색하는 방식을 제어합니다.
DeleteArea	위에 놓인 블록이나 도움말 풍선을 삭제할 수 있는 구성요소의 추상 클래스입니다.
DragTarget	블록이나 도움말 풍선을 그 위로 드래그하거나 드롭할 때 맞춤 동작이 있는 구성요소의 추상 클래스입니다.
FieldAngle	편집 가능한 각도 필드의 클래스입니다.
FieldCheckbox	체크박스 필드의 클래스입니다.
FieldColour	색상 입력란의 클래스입니다.
FieldDropdown	수정 가능한 드롭다운 필드의 클래스입니다.
FieldImage	블록의 이미지의 클래스입니다.
FieldLabel	수정 가능하고 직렬화할 수 없는 텍스트 필드의 클래스입니다.
FieldLabelSerializable	수정할 수 없고 직렬화할 수 있는 텍스트 필드의 클래스입니다.
FieldMultilineInput	편집 가능한 텍스트 영역 필드의 클래스입니다.
FieldNumber	편집 가능한 숫자 필드의 클래스입니다.
FieldTextInput	편집 가능한 텍스트 필드의 클래스입니다.
FieldVariable	변수의 드롭다운 필드의 클래스입니다.
FlyoutButton	플라이아웃에 있는 버튼 또는 라벨의 클래스입니다.
FlyoutMetricsManager	플라이아웃 작업공간의 측정항목을 계산합니다. 측정항목은 주로 플라이아웃의 스크롤바 크기를 조정하는 데 사용됩니다.
동작	한 동작의 클래스입니다.
그리드	작업공간의 그리드의 클래스입니다.
HorizontalFlyout	플라이아웃을 위한 클래스입니다.
입력	선택적 필드가 있는 입력의 클래스입니다.
InsertionMarkerManager	드래그 도중 연결 업데이트를 제어하는 클래스입니다. 이 클래스는 주로 가장 가까운 대상 연결을 찾고 드래그 중에 필요에 따라 이를 강조 표시하거나 강조 표시를 해제하는 역할을 합니다.
InsertionMarkerPreviewer
Marker	마커의 클래스입니다. 키보드 탐색에서 Blockly AST에 위치를 저장하는 데 사용됩니다.
MarkerManager	작업공간의 여러 마커와 커서를 관리하는 클래스입니다.
메뉴	기본 메뉴 클래스
MenuItem	메뉴의 항목을 나타내는 클래스입니다.
MetricsManager	모든 작업공간 측정항목 계산을 담당하는 관리자입니다.
이름	항목 이름 (변수, 절차 등)의 데이터베이스의 클래스입니다.
옵션	동작이 지정되지 않은 경우 합당한 기본값을 사용하여 사용자 지정 옵션을 파싱합니다.
RenderedConnection	화면에서 렌더링될 수 있는 블록 간의 연결을 위한 클래스입니다.
스크롤바	순수 SVG 스크롤바의 클래스입니다. 이 기법은 작동이 보장되지만, 시스템의 스크롤바처럼 보이거나 동작하지 않을 수 있는 스크롤바를 제공합니다.
ScrollbarPair	한 쌍의 스크롤바의 클래스입니다. 가로 및 세로.
ShortcutRegistry	단축키 레지스트리의 클래스입니다. 싱글톤으로 의도되었습니다. 새 인스턴스를 만들어서는 안 되며 ShortcutRegistry.registry에서만 이 클래스에 액세스할 수 있습니다.
TabNavigateCursor	탭으로 이동할 수 있는 필드 사이를 이동하기 위한 커서입니다.
테마	테마 클래스입니다.
ThemeManager	작업공간의 테마와 UI 구성요소를 저장하고 업데이트하기 위한 클래스입니다.
도구 상자	도구 상자의 클래스입니다. 도구 상자의 DOM을 만듭니다.
ToolboxCategory	도구 상자의 카테고리 클래스입니다.
ToolboxItem	도구 상자에 있는 항목의 클래스입니다.
ToolboxSeparator	도구 상자 구분자의 클래스입니다. 도구 상자에 표시되는 얇은 시각적 선입니다. 이 항목은 상호작용할 수 없습니다.
휴지통	휴지통 수업입니다.
UnattachedFieldError	필드가 실제로 해당 블록에 연결되기 전에 필드가 블록 또는 블록에 대한 정보에 액세스하려고 시도하는 오류를 나타냅니다.
VariableMap	변수 맵의 클래스입니다. 여기에는 변수 유형을 키로, 변수 목록을 값으로 사용하는 사전 데이터 구조가 포함되어 있습니다. 변수 목록은 키가 나타내는 유형입니다.
VariableModel	변수 모델의 클래스입니다. 이름, ID, 유형 등 변수 정보를 포함합니다.
VerticalFlyout	플라이아웃을 위한 클래스입니다.
Workspace	워크스페이스의 클래스입니다. 블록이 포함된 데이터 구조입니다. UI가 없으며 헤드리스로 만들 수 있습니다.
WorkspaceAudio	작업 영역에서 오디오를 로드, 저장 및 재생하는 클래스입니다.
WorkspaceComment	작업공간 댓글의 클래스입니다.
WorkspaceCommentSvg	작업공간 댓글의 SVG 표현에 대한 클래스입니다.
WorkspaceDragger	작업공간 드래그거의 클래스입니다. 마우스나 터치로 드래그하는 경우 작업공간이 이동합니다.
WorkspaceSvg	워크스페이스의 클래스입니다. 화면 영역이며 휴지통, 스크롤바, 풍선, 드래그(선택사항)를 사용할 수 있습니다.
ZoomControls	확대/축소 컨트롤의 클래스입니다.

추상 클래스

추상 클래스	설명
대화창	추상 팝업 도움말 풍선 클래스입니다. 이렇게 하면 블록을 가리키는 '꼬리'와 임의의 svg 요소를 표시하는 'head'가 있는 말풍선처럼 보이는 UI가 생성됩니다.
필드	수정 가능한 필드의 추상 클래스입니다.
플라이아웃	플라이아웃을 위한 클래스입니다.

열거형

열거	설명
ConnectionType	연결 또는 입력 유형의 열거형입니다.
inputTypes	연결 또는 입력 유형의 열거형입니다.

함수

함수	설명
hasBubble(obj)	지정된 객체가 IHasBubble인지 확인하는 유형 가드입니다.
hideChaff(opt_onlyClosePopups)	도움말, 컨텍스트 메뉴, 드롭다운 선택 항목 등을 닫습니다.
inject(container, opt_options)를	지정된 컨테이너 요소 (일반적으로 div)에 Blockly 편집기를 삽입합니다.
isCopyable(obj)
isIcon(obj)	지정된 객체가 IIcon인지 확인하는 유형 가드입니다.
isPaster(obj)
isSerializable(obj)	지정된 객체가 ISerializable인지 확인하는 유형 가드입니다.
isVariableBackedParameterModel(param)	지정된 객체가 변수 홀더인지 여부를 반환합니다.

인터페이스

인터페이스	설명
BlocklyOptions	Blockly 옵션.
FieldAngleConfig	각도 필드의 추가 구성 옵션입니다.
FieldAngleFromJsonConfig	angle 필드의 fromJson 구성 옵션.
FieldCheckboxConfig	체크박스 필드의 구성 옵션입니다.
FieldCheckboxFromJsonConfig	fromJson 구성 옵션을 선택합니다.
FieldColourConfig	색상 필드의 구성 옵션입니다.
FieldColourFromJsonConfig	fromJson 구성 옵션을 사용합니다.
FieldConfig	기본 필드의 추가 구성 옵션입니다.
FieldDropdownFromJsonConfig	fromJson config을 설정합니다.
FieldImageConfig	이미지 필드의 구성 옵션입니다.
FieldImageFromJsonConfig	fromJson 구성 옵션을 사용합니다.
FieldLabelConfig	라벨 필드의 구성 옵션입니다.
FieldLabelFromJsonConfig	fromJson 구성 옵션을 사용할 수 있습니다.
FieldMultilineInputConfig	여러 줄 입력란의 구성 옵션입니다.
FieldMultilineInputFromJsonConfig	여러 줄 입력 필드의 fromJson 구성 옵션
FieldNumberConfig	숫자 필드의 구성 옵션입니다.
FieldNumberFromJsonConfig	fromJson 구성 옵션을 사용할 수 있습니다.
FieldTextInputFromJsonConfig	fromJson 구성 옵션도 지원합니다.
FieldVariableConfig	변수 필드의 구성 옵션입니다.
FieldVariableFromJsonConfig	fromJson 구성 옵션도 지원합니다.
IASTNodeLocation	AST 노드 위치 인터페이스
IASTNodeLocationSvg	AST 노드 위치 SVG 인터페이스
IASTNodeLocationWithBlock	연결된 블록이 있는 AST 노드 위치입니다.
IAutoHideable	자동으로 숨길 수 있는 구성요소의 인터페이스입니다.
IBlockDragger	블록 드래거 인터페이스
IBoundedElement	제한된 요소 인터페이스
IBubble	도움말 풍선 인터페이스
ICollapsibleToolboxItem	도구 상자에서 접을 수 있는 항목에 대한 인터페이스입니다.
IComponent	ComponentManager에 등록할 수 있는 작업공간 구성요소에 대한 인터페이스입니다.
IConnectionChecker	연결 유형 확인 로직의 클래스입니다.
IConnectionPreviewer	블록이 드롭될 경우 연결되는 위치를 보여주는 시각적 '미리보기'를 표시합니다.
IContextMenu
ICopyable
IDeletable	삭제할 수 있는 객체에 대한 인터페이스입니다.
IDeleteArea	위에 놓인 블록 또는 도움말 풍선을 삭제할 수 있는 구성요소의 인터페이스입니다.
IDraggable	드래그할 수 있는 객체에 대한 인터페이스입니다.
IDragTarget	블록 또는 도움말 풍선을 그 위로 드래그하거나 드롭할 때 맞춤 동작이 포함된 구성요소의 인터페이스입니다.
IFlyout	플라이아웃을 위한 인터페이스입니다.
IHasBubble
IIcon
IKeyboardAccessible	단축키를 처리하는 객체의 인터페이스입니다.
IMetricsManager	측정항목 관리자의 인터페이스입니다.
IMovable	이동 가능한 객체의 인터페이스입니다.
IPaster	작업공간에 데이터를 붙여넣을 수 있는 객체입니다.
IPositionable	작업 영역 상단에 배치되는 구성요소의 인터페이스입니다.
IRegistrable	등록할 수 있는 Blockly 구성요소의 인터페이스입니다.
ISelectable	선택 가능한 객체에 대한 인터페이스입니다.
ISelectableToolboxItem	선택할 수 있는 도구 상자의 항목에 대한 인터페이스입니다.
ISerializable
IStyleable	스타일을 추가할 수 있는 객체에 대한 인터페이스입니다.
IToolbox	도구 상자의 인터페이스입니다.
IToolboxItem	도구 상자에 있는 항목에 대한 인터페이스입니다.
IVariableBackedParameterModel	변수 모델을 보유한 매개변수 모델의 인터페이스입니다.

네임스페이스

네임스페이스	설명
ASTNode
차단
blockAnimations
blockRendering
browserEvents
풍선
bumpObjects
클립보드
CollapsibleToolboxCategory
common
ComponentManager
constants
ContextMenu
ContextMenuItems
ContextMenuRegistry
CSS
대화상자
이벤트
확장 프로그램
fieldRegistry
게라스
아이콘
ICopyable
입력
입력
InsertionMarkerManager
libraryBlocks
MetricsManager
미니멀리스트
이름
옵션
절차
registry
RenderedConnection
renderManagement
직렬화
ShortcutItems
ShortcutRegistry
테마
ThemeManager
테마
스라소스
ToolboxCategory
ToolboxSeparator
도움말
터치
uiPosition
utils
변수
VariablesDynamic
WidgetDiv
Xml
젤로스

변수

변수	설명
ALIGN_CENTRE
ALIGN_LEFT
ALIGN_RIGHT
차단	블록 유형 이름을 블록 프로토타입 객체에 매핑합니다.
COLLAPSE_CHARS
COLLAPSED_FIELD_NAME
COLLAPSED_INPUT_NAME
구성	Blockly에서 개발자가 변경할 수 있을 것으로 예상되는 모든 값을 보유하고 있는 객체입니다.
connectionTypes
defineBlocksWithJsonArray	Blockly 개발자 도구에서 생성할 수 있는 JSON 블록 정의 배열에서 블록을 정의합니다.
DELETE_VARIABLE_ID
DRAG_STACK
DropDownDiv
DUMMY_INPUT
getMainWorkspace	기본 작업공간을 반환합니다. 마지막으로 사용된 기본 작업공간을 반환합니다 (포커스에 따라). 특히 페이지에 Blockly 인스턴스가 여러 개 있는 경우 이 함수를 사용하지 마세요.
getSelected	현재 선택된 복사 가능한 객체를 반환합니다.
INPUT_VALUE
JavaScript
메시지	현지화된 메시지의 사전입니다.
NEXT_STATEMENT
OPPOSITE_TYPE
OUTPUT_VALUE
PREVIOUS_STATEMENT
PROCEDURE_CATEGORY_NAME	도구 상자 XML에 있는 카테고리의 'custom' 속성에 사용할 문자열입니다. 이 문자열은 카테고리가 프러시저 블록으로 동적으로 채워져야 함을 나타냅니다.
RENAME_VARIABLE_ID
setLocale	로케일 (예: 현지화된 메시지/block-text 등)을 지정된 로케일로 설정합니다. 이는 메시지가 Blockly.Msg 객체에 자동으로 포함되므로 스크립트 태그에서 로드할 때는 유용하지 않거나 필요하지 않습니다. 하지만 tscompiler가 유형 정의 파일을 적절히 생성할 수 있도록 스크립트 태그 컨텍스트와 비스크립트 태그 컨텍스트 둘 다에 이를 제공합니다.
setParentContainer	상위 컨테이너를 설정합니다. Blockly.inject가 처음 호출될 때 WidgetDiv, dropDownDiv 및 도움말이 처음 렌더링되는 컨테이너 요소입니다. 이 메서드는 첫 번째 Blockly.inject 이후에 호출되는 경우 NOP입니다.
svgResize	컨테이너를 완전히 채우도록 SVG 이미지 크기를 조정합니다. 뷰가 실제로 크기를 변경할 때 (예: 창 크기 조절/기기 방향 변경) 이 메서드를 호출합니다. 콘텐츠가 변경될 때 (예: 블록 추가 또는 삭제) 작업공간의 크기를 조정하려면 workspace.resizeContents를 참조하세요. SVG 이미지의 높이/너비를 기록합니다.
TOOLBOX_AT_BOTTOM
TOOLBOX_AT_LEFT
TOOLBOX_AT_RIGHT
TOOLBOX_AT_TOP
VARIABLE_CATEGORY_NAME	도구 상자 XML에 있는 카테고리의 'custom' 속성에 사용할 문자열입니다. 이 문자열은 카테고리가 변수 블록으로 동적으로 채워져야 함을 나타냅니다.
VARIABLE_DYNAMIC_CATEGORY_NAME	도구 상자 XML에 있는 카테고리의 'custom' 속성에 사용할 문자열입니다. 이 문자열은 카테고리가 변수 블록으로 동적으로 채워져야 함을 나타냅니다.
버전	블록리 코어 버전입니다. 이 상수는 빌드 스크립트 (npm run build)에 의해 package.json의 버전 값으로 재정의됩니다. 빌드 압축 작업의 클로저 컴파일러가 이를 수행합니다. 로컬 빌드의 경우 --define='Blockly.VERSION=X.Y.Z'를 컴파일러에 전달하여 이 상수를 재정의할 수 있습니다.

유형 별칭

유형 별칭	설명
FieldAngleValidator	필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다.
FieldCheckboxValidator	필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다.
FieldColourValidator	필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다.
FieldDropdownConfig	드롭다운 필드의 구성 옵션입니다.
FieldDropdownValidator	필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다.
FieldMultilineInputValidator	필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다.
FieldNumberValidator	필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다.
FieldTextInputConfig	텍스트 입력란의 구성 옵션입니다.
FieldTextInputValidator	필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다.
FieldValidator	필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다.
FieldVariableValidator	필드 값이 설정되기 전에 변경 사항을 검증하기 위해 호출되는 함수입니다.
MenuGenerator	메뉴 옵션의 배열 또는 FieldDropdown 또는 그 하위 항목의 메뉴 옵션 배열을 생성하는 함수입니다.
MenuGeneratorFunction	FieldDropdown 또는 하위 항목의 메뉴 옵션 배열을 생성하는 함수입니다.
MenuOption	드롭다운 메뉴의 개별 옵션. 첫 번째 요소는 사람이 읽을 수 있는 값 (텍스트 또는 이미지)이고 두 번째 요소는 언어 중립 값입니다.