블록 코딩 시작하기

Blockly란?

Blockly는 Google에서 만든 비주얼 프로그래밍 라이브러리입니다. 텍스트 대신 블록을 드래그 앤 드롭하여 프로그래밍 로직을 구성합니다. 블록의 모양과 색상이 역할을 나타내며, 서로 연결 가능한 블록만 결합할 수 있어 문법 오류가 발생하지 않습니다.

블록의 종류

• •값 블록 (Value) — 둥근 모양, 숫자/텍스트/변수 등 값을 나타냄
• •문장 블록 (Statement) — 위아래 연결부가 있는 직사각형, 동작을 수행
• •논리 블록 (Boolean) — 육각형 모양, true/false 반환
• •출력 블록 (Output) — print 블록으로 결과를 화면에 출력

// Blockly 블록이 생성하는 JavaScript 코드 예시

// [출력 블록] "Hello, World!" 출력
window.alert('Hello, World!');

// [변수 블록] + [값 블록]
var name = 'Blockly';
var age = 10;

// [출력 블록] + [텍스트 결합 블록]
window.alert('이름: ' + name);

블록 연결 방법

블록은 퍼즐처럼 연결합니다. 위쪽 돌출부와 아래쪽 홈이 맞는 블록끼리만 연결됩니다. 값 블록은 문장 블록의 입력 소켓에 끼워 넣습니다. 잘못된 연결은 자석처럼 튕겨나가므로, 자연스럽게 올바른 구조를 만들 수 있습니다.