blockly

blockly 패키지

클래스

클래스	설명
차단	하나의 블록 클래스입니다. 일반적으로 직접 호출되지 않으며 workspace.newBlock()이 선호됩니다.
BlockFlyoutInflater	플라이아웃의 블록을 만드는 클래스입니다.
BlockNavigationPolicy	블록에서 키보드 탐색을 제어하는 규칙 집합입니다.
BlockSvg	블록의 SVG 표현 클래스입니다. 일반적으로 직접 호출되지 않으며 workspace.newBlock()이 선호됩니다.
ButtonFlyoutInflater	플라이아웃 버튼을 만드는 클래스입니다.
CodeGenerator	블록을 언어로 변환하는 코드 생성기 클래스입니다.
CollapsibleToolboxCategory	축소할 수 있는 도구 상자의 카테고리 클래스입니다.
ComponentManager	작업공간에 등록된 모든 항목의 관리자입니다.
연결	블록 간 연결 클래스입니다.
ConnectionChecker	연결 유형 확인 로직 클래스입니다.
ConnectionDB	연결 데이터베이스입니다. 연결은 세로 구성요소 순서로 저장됩니다. 이렇게 하면 이진 검색을 사용하여 영역의 연결을 빠르게 조회할 수 있습니다.
ConnectionNavigationPolicy	연결에서 키보드 탐색을 제어하는 규칙 집합입니다.
ContextMenuRegistry	컨텍스트 메뉴 항목의 등록 클래스입니다. 이는 싱글톤으로 사용하기 위한 것입니다. 새 인스턴스를 만들면 안 되며 ContextMenuRegistry.registry에서만 이 클래스에 액세스해야 합니다.
DeleteArea	블록이나 풍선을 삭제할 수 있는 구성요소의 추상 클래스입니다.
DragTarget	블록이나 버블이 드래그되거나 위에 드롭될 때 맞춤 동작이 있는 구성요소의 추상 클래스입니다.
FieldCheckbox	체크박스 필드의 클래스입니다.
FieldDropdown	수정 가능한 드롭다운 필드의 클래스입니다.
FieldImage	블록의 이미지 클래스입니다.
FieldLabel	수정할 수 없고 직렬화할 수 없는 텍스트 필드의 클래스입니다.
FieldLabelSerializable	수정할 수 없고 직렬화 가능한 텍스트 필드의 클래스입니다.
FieldNavigationPolicy	필드에서 키보드 탐색을 제어하는 규칙 집합입니다.
FieldNumber	수정 가능한 숫자 필드의 클래스입니다.
FieldTextInput	수정 가능한 텍스트 필드의 클래스입니다.
FieldVariable	변수의 드롭다운 필드 클래스입니다.
FlyoutButton	플라이아웃의 버튼 또는 라벨 클래스입니다.
FlyoutButtonNavigationPolicy	플라이아웃 버튼에서 키보드 탐색을 제어하는 규칙 집합입니다.
FlyoutItem	플라이아웃에 표시되는 항목의 표현입니다.
FlyoutMetricsManager	플라이아웃의 작업공간에 대한 측정항목을 계산합니다. 이 측정항목은 주로 플라이아웃의 스크롤바 크기를 조정하는 데 사용됩니다.
FlyoutNavigationPolicy	플라이아웃의 항목 간에 이동하는 일반 탐색 정책입니다.
FlyoutNavigator
FlyoutSeparator	플라이아웃의 요소 간 간격을 나타냅니다.
FlyoutSeparatorNavigationPolicy	플라이아웃 구분선에서 키보드 탐색을 제어하는 규칙 집합입니다. 플라이아웃 구분 기호는 탐색할 수 없으므로 이는 작업 없음 자리표시자입니다.
FocusableTreeTraverser	일반적인 트리 순회를 지원하는 IFocusableTree 구현을 위한 도우미 유틸리티입니다.
FocusManager	하나 이상의 IFocusableTree에서 Blockly 포커스를 관리하고 이 포커스를 DOM과 양방향으로 동기화하는 페이지별 싱글톤입니다. 페이지에서 선택한 Blockly 구성요소의 입력 포커스를 명시적으로 변경하려는 호출자는 이 관리자의 포커스 함수를 사용해야 합니다. 관리자는 DOM의 포커스 이벤트 (사용자가 페이지 요소를 클릭하여 발생할 수 있음)를 처리하고 focusNode() 호출로 표시되는 것과 동일한 방식으로 해당 IFocusableNode가 활성/수동으로 강조 표시되도록 합니다.
동작	하나의 동작 클래스입니다.
그리드	작업공간의 그리드 클래스입니다.
HorizontalFlyout	플라이아웃 클래스입니다.
입력	선택적 필드가 있는 입력 클래스입니다.
InsertionMarkerPreviewer
KeyboardNavigationController	KeyboardNavigationController는 전체 커서 시각화 사용 설정/중지와 같은 Blockly 전체 키보드 탐색 동작을 조정합니다.
LabelFlyoutInflater	플라이아웃의 라벨을 만드는 클래스입니다.
LineCursor	선 커서 클래스입니다.
Marker	마커 클래스입니다. 이는 키보드 탐색에서 Blockly AST의 위치를 저장하는 데 사용됩니다.
MarkerManager	작업공간에서 여러 마커와 커서를 관리하는 클래스입니다.
메뉴	기본 메뉴 클래스입니다.
MenuItem	메뉴의 항목을 나타내는 클래스입니다.
MetricsManager	모든 작업공간 측정항목 계산의 관리자입니다.
이름	엔티티 이름 (변수, 절차 등)의 데이터베이스 클래스입니다.
Navigator	키보드 탐색 명령에 따라 포커스를 이동해야 하는 위치를 결정하는 클래스입니다.
옵션	동작이 지정되지 않은 경우 적절한 기본값을 사용하여 사용자 지정 옵션을 파싱합니다.
RenderedConnection	화면에 렌더링될 수 있는 블록 간 연결 클래스입니다.
스크롤바	순수 SVG 스크롤바 클래스입니다. 이 기법은 작동이 보장되는 스크롤바를 제공하지만 시스템의 스크롤바와 모양이나 동작이 다를 수 있습니다.
ScrollbarPair	스크롤 막대 쌍의 클래스입니다. 가로 및 세로
SeparatorFlyoutInflater	플라이아웃의 구분선을 만드는 클래스입니다.
ShortcutRegistry	단축키 등록 클래스입니다. 이는 싱글톤으로 사용하기 위한 것입니다. 새 인스턴스를 만들면 안 되고 ShortcutRegistry.registry에서만 이 클래스에 액세스해야 합니다.
테마	테마 클래스입니다.
ThemeManager	작업공간의 테마와 UI 구성요소를 저장하고 업데이트하는 클래스입니다.
Toast	임시 알림을 표시하고 닫을 수 있는 클래스입니다.
도구 상자	툴박스 클래스입니다. 툴박스의 DOM을 만듭니다.
ToolboxCategory	도구 상자의 카테고리 클래스입니다.
ToolboxItem	툴박스의 항목 클래스입니다.
ToolboxSeparator	도구 상자 구분 기호의 클래스입니다. 툴박스에 표시되는 얇은 시각적 선입니다. 이 항목은 상호작용할 수 없습니다.
Trashcan	휴지통 클래스입니다.
UnattachedFieldError	필드가 실제로 블록에 연결되기 전에 블록 또는 블록에 관한 정보에 액세스하려고 하는 오류를 나타냅니다.
VariableMap	변수 맵 클래스입니다. 여기에는 변수 유형이 키로, 변수 목록이 값으로 있는 사전 데이터 구조가 포함됩니다. 변수 목록은 키로 표시된 유형입니다.
VariableModel	변수 모델의 클래스입니다. 이름, ID, 유형 등 변수에 관한 정보를 보유합니다.
VerticalFlyout	플라이아웃 클래스입니다.
Workspace	작업공간의 클래스입니다. 블록을 포함하는 데이터 구조입니다. UI가 없으며 헤드리스로 만들 수 있습니다.
WorkspaceAudio	작업공간의 오디오를 로드, 저장, 재생하는 클래스입니다.
WorkspaceDragger	작업공간 드래거 클래스입니다. 마우스나 터치로 드래그하면 작업공간이 이동합니다.
WorkspaceNavigationPolicy	작업공간에서 키보드 탐색을 제어하는 규칙 집합입니다.
WorkspaceSvg	작업공간의 클래스입니다. 이 영역은 휴지통, 스크롤 막대, 풍선, 드래그가 선택적으로 표시되는 화면 영역입니다.
ZoomControls	확대/축소 컨트롤 클래스입니다.

추상 클래스

추상 클래스	설명
필드	수정 가능한 필드의 추상 클래스입니다.
Flyout	플라이아웃 클래스입니다.

열거

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

함수

함수	설명
getFocusManager()	FocusManager.getFocusManager의 편의 함수입니다.
hasBubble(obj)	주어진 객체가 IHasBubble인지 확인하는 타입 가드입니다.
hideChaff(opt_onlyClosePopups)	도움말, 컨텍스트 메뉴, 드롭다운 선택 등을 닫습니다.
inject(container, opt_options)	지정된 컨테이너 요소 (일반적으로 div)에 Blockly 편집기를 삽입합니다.
isCopyable(obj)
isDeletable(obj)	지정된 객체가 IDeletable인지 여부를 반환합니다.
isDraggable(obj)	지정된 객체가 IDraggable인지 여부를 반환합니다.
isIcon(obj)	주어진 객체가 IIcon인지 확인하는 타입 가드입니다.
isPaster(obj)
isRenderedElement(obj)
isSelectable(obj)	주어진 객체가 ISelectable인지 확인합니다.
isSerializable(obj)	지정된 객체가 ISerializable인지 확인하는 타입 가드입니다.
isVariableBackedParameterModel(param)	지정된 객체가 변수 홀더인지 여부를 반환합니다.
navigateBlock(current, delta)	제공된 블록 하위 요소와 관련된 탐색 가능한 다음 항목을 반환합니다.
navigateStacks(current, delta)	지정된 요소의 스택을 기준으로 다음/이전 스택을 반환합니다.
setLocale(locale)	언어 (즉, 현지화된 메시지/블록 텍스트 등)를 지정된 언어로 설정합니다. 메시지가 Blockly.Msg 객체에 자동으로 클러그되므로 스크립트 태그에서 로드할 때는 유용하지 않거나 필요하지 않습니다. 하지만 tscompiler가 유형 정의 파일을 올바르게 만들 수 있도록 스크립트 태그와 비스크립트 태그 컨텍스트 모두에서 제공합니다.

인터페이스

인터페이스	설명
BlocklyOptions	Blockly 옵션입니다.
FieldCheckboxConfig	체크박스 필드의 구성 옵션입니다.
FieldCheckboxFromJsonConfig	체크박스 필드의 fromJson 구성 옵션입니다.
FieldConfig	기본 필드의 추가 구성 옵션입니다.
FieldDropdownFromJsonConfig	드롭다운 필드의 fromJson 구성입니다.
FieldImageConfig	이미지 필드의 구성 옵션입니다.
FieldImageFromJsonConfig	이미지 필드의 fromJson 구성 옵션입니다.
FieldLabelConfig	라벨 필드의 구성 옵션입니다.
FieldLabelFromJsonConfig	라벨 필드의 fromJson 구성 옵션입니다.
FieldNumberConfig	숫자 필드의 구성 옵션입니다.
FieldNumberFromJsonConfig	숫자 필드의 fromJson 구성 옵션입니다.
FieldTextInputFromJsonConfig	텍스트 입력 필드의 fromJson 구성 옵션입니다.
FieldVariableConfig	변수 필드의 구성 옵션입니다.
FieldVariableFromJsonConfig	변수 필드의 fromJson 구성 옵션입니다.
IAutoHideable	자동으로 숨길 수 있는 구성요소의 인터페이스
IBoundedElement	바운드 요소 인터페이스입니다.
IBubble	풍선 인터페이스
ICollapsibleToolboxItem	축소할 수 있는 도구 상자의 항목 인터페이스
IComponent	ComponentManager에 등록할 수 있는 작업공간 구성요소의 인터페이스입니다.
IConnectionChecker	연결 유형 확인 로직 클래스입니다.
IConnectionPreviewer	블록을 드롭하면 연결되는 위치의 시각적 '미리보기'를 표시합니다.
IContextMenu
ICopyable
IDeletable	삭제할 수 있는 객체의 인터페이스입니다.
IDeleteArea	블록이나 풍선을 삭제할 수 있는 구성요소의 인터페이스입니다.
IDraggable	드래그할 수 있는 객체를 나타냅니다.
IDragger
IDragStrategy
IDragTarget	블록이나 버블이 드래그되거나 위에 드롭될 때 맞춤 동작이 있는 구성요소의 인터페이스
IFlyout	플라이아웃 인터페이스
IFlyoutInflater
IFocusableNode	입력 포커스를 가질 수 있는 모든 항목을 나타냅니다.
IFocusableTree	고유한 활성/수동 포커스 컨텍스트가 있는 포커스 가능 요소의 트리를 나타냅니다. 포커스는 FocusManager에서 처리하며 트리 구현에는 한 번에 최대 하나의 IFocusableNode가 포커스를 가질 수 있습니다. 트리 자체에 포커스가 있으면 트리의 포커스가 있는 노드는 '활성'으로 간주됩니다(다른 트리에 포커스가 있으면 '수동'). 포커스는 하나 이상의 트리 간에 공유되며 각 트리에는 활성 또는 비활성 노드가 정확히 하나씩 있을 수 있습니다 (특정 시점에 전체 페이지에 활성 노드가 하나만 있을 수 있음). 소극적 포커스의 아이디어는 이전에 포커스가 있던 트리로 다시 이동할 때 포커스가 복원될 위치에 관한 컨텍스트를 사용자에게 제공하는 것입니다. 트리의 현재 포커스가 있는 노드 (수동 또는 활성)가 필요한 경우 FocusableTreeTraverser.findFocusedNode를 사용할 수 있습니다. 이 트리에서 특정 노드를 가져와야 하는 경우 lookUpFocusableNode 또는 FocusableTreeTraverser.findFocusableNodeFor를 사용하세요.
IHasBubble
IIcon
IKeyboardAccessible	단축키를 처리하는 객체의 인터페이스입니다.
ImageProperties	사람이 읽을 수 있는 이미지 드롭다운 옵션의 정의입니다.
IMetricsManager	측정항목 관리자의 인터페이스입니다.
IMovable	이동 가능한 객체의 인터페이스입니다.
INavigationPolicy	키보드 탐색이 진행되어야 하는 위치를 지정하는 규칙 집합입니다.
IPaster	작업공간에 데이터를 붙여넣을 수 있는 객체입니다.
IPositionable	작업공간 위에 배치된 구성요소의 인터페이스
IRegistrable	등록할 수 있는 Blockly 구성요소의 인터페이스입니다.
IRenderedElement
ISelectable	선택 가능한 객체의 인터페이스입니다. 일반적으로 구현에서는 선택이 올바르게 업데이트되고 선택 변경 이벤트가 발생하도록 onNodeFocus() 및 onNodeBlur() 구현을 사용하여 각각 자신과 null로 setSelected()를 호출해야 합니다.
ISelectableToolboxItem	선택할 수 있는 도구 상자의 항목 인터페이스
ISerializable
IStyleable	스타일을 추가할 수 있는 객체의 인터페이스입니다.
IToolbox	툴박스 인터페이스
IToolboxItem	툴박스의 항목 인터페이스입니다.
IVariableBackedParameterModel	변수 모델을 보유하는 파라미터 모델의 인터페이스입니다.
IVariableMap	변수 맵은 작업공간에서 참조되는 변수 집합을 저장하고 관리하는 컨테이너 객체입니다. 이러한 메서드는 합법적인 이름과 유형에 관한 불변량을 정의하고 충족되지 않으면 예외를 발생시킬 수 있습니다.
IVariableModel
IVariableState	지정된 변수의 상태를 나타냅니다.
ToastOptions	토스트 알림의 표시/구성 옵션입니다.

네임스페이스

네임스페이스	설명
차단
blockAnimations
blockRendering
browserEvents
bubbles
bumpObjects
클립보드
CollapsibleToolboxCategory
comments
common
ComponentManager
상수
ContextMenu
ContextMenuItems
ContextMenuRegistry
Css
dialog
드래그
이벤트
확장 프로그램
fieldRegistry
geras
아이콘
ICopyable
inputs
layers
libraryBlocks
MetricsManager
이름
옵션
절차
registry
RenderedConnection
renderManagement
직렬화
ShortcutItems
ShortcutRegistry
테마
ThemeManager
테마
thrasos
Toast	스크린 리더가 토스트를 얼마나 적극적으로 읽어줘야 하는지에 관한 옵션입니다. 값은 aria-live의 값에 해당합니다.
ToolboxCategory
ToolboxSeparator
도움말
터치
uiPosition
utils
변수
VariablesDynamic
WidgetDiv
Xml
zelos

변수

변수	설명
차단	블록 유형 이름과 블록 프로토타입 객체의 매핑입니다.
COLLAPSE_CHARS
COLLAPSED_FIELD_NAME
COLLAPSED_INPUT_NAME
config	개발자가 변경할 수 있는 Blockly의 모든 값을 보유하는 객체입니다.
defineBlocksWithJsonArray	Blockly 개발자 도구로 생성될 수 있는 JSON 블록 정의 배열에서 블록을 정의합니다.
DELETE_VARIABLE_ID
DropDownDiv
getMainWorkspace	기본 작업공간을 반환합니다. 마지막으로 사용된 기본 작업공간을 반환합니다 (포커스 기준). 특히 페이지에 Blockly 인스턴스가 여러 개 있는 경우 이 함수를 사용하지 않는 것이 좋습니다.
getSelected	현재 선택된 복사 가능한 객체를 반환합니다.
INPUT_VALUE
자바스크립트
keyboardNavigationController	키보드 탐색 컨트롤러의 싱글톤 인스턴스입니다.
Msg	현지화된 메시지의 사전입니다.
NEXT_STATEMENT
OPPOSITE_TYPE
OUTPUT_VALUE
PREVIOUS_STATEMENT
PROCEDURE_CATEGORY_NAME	도구 상자 XML의 카테고리 'custom' 속성에 사용할 문자열입니다. 이 문자열은 카테고리가 절차 블록으로 동적으로 채워져야 함을 나타냅니다.
RENAME_VARIABLE_ID
setParentContainer	상위 컨테이너를 설정합니다. Blockly.inject이 처음 호출될 때 WidgetDiv, dropDownDiv, Tooltip이 렌더링되는 컨테이너 요소입니다. 이 메서드는 첫 번째 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' 속성에 사용할 문자열입니다. 이 문자열은 카테고리가 변수 블록으로 동적으로 채워져야 함을 나타냅니다.
VERSION	Blockly 핵심 버전입니다. 이 상수는 빌드 스크립트 (npm run build)에 의해 package.json의 버전 값으로 재정의됩니다. 이는 buildCompressed gulp 작업에서 Closure Compiler에 의해 실행됩니다. 로컬 빌드의 경우 컴파일러에 --define='Blockly.VERSION=X.Y.Z'를 전달하여 이 상수를 재정의할 수 있습니다.

유형 별칭

유형 별칭	설명
FieldCheckboxValidator	필드 값이 설정되기 전에 변경사항을 검사하기 위해 호출되는 함수입니다.
FieldDropdownConfig	드롭다운 필드의 구성 옵션입니다.
FieldDropdownValidator	필드 값이 설정되기 전에 변경사항을 검사하기 위해 호출되는 함수입니다.
FieldNumberValidator	필드 값이 설정되기 전에 변경사항을 검사하기 위해 호출되는 함수입니다.
FieldTextInputConfig	텍스트 입력 필드의 구성 옵션입니다.
FieldTextInputValidator	필드 값이 설정되기 전에 변경사항을 검사하기 위해 호출되는 함수입니다.
FieldValidator	필드 값이 설정되기 전에 변경사항을 검사하기 위해 호출되는 함수입니다.
FieldVariableValidator	필드 값이 설정되기 전에 변경사항을 검사하기 위해 호출되는 함수입니다.
ICopyData
MenuGenerator	메뉴 옵션 배열 또는 FieldDropdown이나 그 하위 요소의 메뉴 옵션 배열을 생성하는 함수입니다.
MenuGeneratorFunction	FieldDropdown 또는 그 하위 요소의 메뉴 옵션 배열을 생성하는 함수입니다.
MenuOption	드롭다운 메뉴의 개별 옵션입니다. 메뉴 구분 기호 항목의 문자열 리터럴 separator 또는 일반 작업 메뉴 항목의 배열일 수 있습니다. 후자의 경우 첫 번째 요소는 사람이 읽을 수 있는 값 (텍스트, ImageProperties 객체 또는 HTML 요소)이고 두 번째 요소는 언어 중립적인 값입니다.
ReturnEphemeralFocus	일시적인 UI 흐름 (예: 대화상자)이 완료되면 FocusManager에 포커스를 반환하기 위한 유형 선언 자세한 내용은 FocusManager.takeEphemeralFocus를 참고하세요.