시각적 용어집

Blockly에는 다양한 시각적 구성요소에 관한 어휘가 많습니다. 이 문서에서는 Blockly를 시작하기 위해 알아야 할 가장 중요한 사항을 설명합니다.

작업공간

작업공간은 Blockly에서 가장 높은 수준의 구성요소입니다. 다른 모든 구성요소가 포함됩니다. 여기에서 프로그래밍 작업을 하게 됩니다.

작업공간

도구 상자

도구 상자에는 프로그래밍에 사용하는 블록이 포함되어 있습니다. 블록을 작업공간으로 드래그할 수 있습니다.

도구 상자에는 크게 두 가지 유형, 즉 플라이아웃 도구 상자와 카테고리 도구 상자가 있습니다. 세로 및 가로로 모두 표시할 수 있습니다.

플라이아웃 도구 상자

플라이아웃 도구 상자 (간단한 도구 상자라고도 함)에는 항상 표시되는 블록 집합 하나가 있습니다.

카테고리 도구 상자

카테고리 도구 상자에는 여러 블록 세트가 있습니다.

카테고리 항목을 클릭하면 해당 카테고리의 블록을 표시하는 플라이아웃이 열립니다.

휴지통

휴지통에서 블록을 드래그 앤 드롭하여 삭제할 수 있습니다. 휴지통을 클릭하여 삭제한 블록이 포함된 플라이아웃을 열어 다시 가져올 수 있습니다.

확대/축소 컨트롤

확대/축소 컨트롤은 작업공간을 클릭할 때 작업공간을 확대/축소합니다.

컨텍스트 메뉴

작업공간의 특정 요소 (예: 작업공간 배경, 블록)를 마우스 오른쪽 버튼으로 클릭하거나 길게 누르면 컨텍스트 메뉴가 표시됩니다. 이 요소에는 해당 요소에서 수행할 수 있는 작업 목록이 표시됩니다.

블록

블록은 프로그래밍에 사용하는 것입니다. 텍스트 기반 프로그래밍 언어의 표현식과 문을 나타냅니다.

블록 스택

블록 스택은 연결된 블록의 모음입니다. 가로 또는 세로로 연결될 수 있습니다.

그림자 블록

섀도우 블록은 다른 블록에 연결된 수정 가능하지만 이동할 수 없는 블록입니다. 그림자가 아닌 블록을 섀도우 블록 위로 드래그하여 덮어쓸 수 있습니다.

삽입 마커

삽입 마커는 드롭된 블록 스택이 연결될 위치를 보여주는 미리보기입니다. 블록의 회색 버전처럼 보입니다.

블록 부품

블록은 프로그래밍을 위해 수정하고 상호작용할 수 있는 여러 부분으로 구성됩니다.

입력

입력은 일반적으로 블록의 행을 나타냅니다.

입력 이미지
가짜 더미 입력
값 입력
문 입력

연결

연결은 다른 블록에서 연결할 수 있는 블록 위의 위치입니다.

연대감 이미지
출력 출력 연결
입력 입력 연결
이전 이전 연결을
다음 다음 연결

입력란

필드는 블록에 존재하는 시각적 요소입니다. 수정 가능(예: 텍스트 입력)하거나 정보 제공용 (예: 라벨)일 수도 있습니다. 필드는 항상 입력에 포함됩니다.

아이콘

아이콘은 블록에 위치하는 시각적 요소입니다. 항상 블록의 상단 시작 모서리에 위치하며 종종 풍선을 만듭니다.