블록 코딩 연습장

블록을 끼우면 코드가 돼요

블록 코딩은 글자로 명령을 치는 대신, 모양이 맞는 블록을 끼워 맞춰 프로그램을 만드는 방법이에요. 문법 오류 걱정 없이 반복·조건·변수 같은 코딩의 핵심 생각에 집중할 수 있어서 처음 배우는 사람에게 좋아요. 이 연습장은 구글이 만든 오픈소스 블록 편집기 Blockly로 만들었고, 블록 이름은 한국어로 보여요.

할 수 있는 것

• 거북이 그림 — ‘앞으로 □ 걸음’, ‘오른쪽으로 □도 돌기’, 펜 올리기·내리기, 펜 색·굵기 블록으로 오른쪽 화면에 그림을 그려요. 거북이는 가운데(눈금 한 칸 = 50걸음)에서 위쪽을 보고 시작해요.
• 출력 — ‘출력’ 블록에 넣은 글자나 계산 결과가 아래 검은 칸에 한 줄씩 나와요. 구구단이나 합계 같은 계산 연습에 써요.
• 코드 보기 — 만든 블록이 바로 자바스크립트와 파이썬 코드로 바뀌어 아래에 보여요. 파이썬 코드는 거북이 블록이 있으면 파이썬의 turtle 모듈 명령(forward, right, pencolor …)으로 바뀌어서, 컴퓨터에 파이썬을 설치해 그대로 실행해 볼 수 있어요.

예제와 저장

예제(별 그리기, 다각형, 구구단, 1~100 합, 369 게임)를 불러와 블록을 바꿔 보며 시작하세요. 만든 블록은 바뀔 때마다 이 기기 브라우저에 자동 저장되고, ‘블록 파일로 저장’으로 파일(.json)로 받아 다른 컴퓨터에서 ‘블록 파일 열기’로 이어 할 수 있어요.

프로그램은 페이지와 분리된 작업 공간(웹 워커)에서 실행돼서, 끝나지 않는 반복을 만들어도 페이지가 멈추지 않아요. 반복이 200만 번을 넘거나 5초가 넘게 걸리면 자동으로 멈추고 알려 줘요. 사용자 입력을 받는 블록은 넣지 않았어요. 모든 처리는 브라우저 안에서만 해요.

참고한 자료

• Blockly — Google Developers (Apache-2.0)
• Python turtle 모듈 문서