블록리

3. 사용자 인터페이스

블록리 편집기의 기본 그래픽 사용자 인터페이스(GUI)는 사용 가능한 블록을 담고 있는 도구 상자와 사용자가 블록을 드래그 앤 드롭하여 재정렬할 수 있는 작업 공간으로 구성된다.^[5] 기본적으로 작업 공간에는 확대/축소 아이콘과 블록을 삭제할 수 있는 휴지통도 포함되어 있다.^[5] 편집기는 사용 가능한 편집 기능과 블록을 사용자 정의하고 제한하도록 쉽게 수정할 수 있다.

4. 기능 및 특징

블록리는 다음과 같은 기능 및 특징을 가지고 있다.^{[13][14][15][16]}

• 웹 기반: 확장 가능한 벡터 그래픽스(SVG)를 사용하여 웹 브라우저에서 동작한다.
• 클라이언트 측 자바스크립트: 별도의 서버 없이 브라우저에서 완전히 실행된다.
• 브라우저 호환성: 크롬, 파이어폭스, 사파리, 오페라, 엣지 등 주요 웹 브라우저를 지원한다.
• 프로그래밍 구성 지원: 변수, 함수, 배열 등 다양한 프로그래밍 개념을 지원한다.
• 형식 검사: 최소한의 형식 검사를 지원하며, 동적 형식 언어에 적합하게 설계되었다.
• 확장성: 사용자 지정 블록을 쉽게 추가하여 기능을 확장할 수 있다.
• 코드 생성: 깔끔한 코드를 생성한다.
• 디버깅: 코드 추적 및 단계별 실행을 통해 디버깅을 지원한다.
• 다국어 지원: 100개 이상의 언어를 지원하며, 좌에서 우로 및 우에서 좌로 언어 모두 지원한다.
• 블록 팩토리: 시각적 블록 집합을 사용하여 새로운 블록 정의와 생성기를 쉽게 만들 수 있다.

5. 활용 사례

• 스크래치: MIT의 교육용 시각적 프로그래밍 환경이다.^[6]
• 앱 인벤터: MIT에서 개발한 안드로이드용 애플리케이션 제작 도구이다.^[7]
• [https://coco.build CoCo]: MIT의 교육용 시각적 협업 프로그래밍 웹사이트이다.
• Code.org: 수백만 명의 학생들에게 코드 교육 시간 프로그램에서 기초 프로그래밍을 가르치는 데 사용된다.^[8]
• MakeCode: 마이크로소프트에서 제공하는 무료 온라인 코딩 학습 플랫폼으로, 누구나 게임을 만들고, 장치를 코딩하며, 마인크래프트를 수정할 수 있다.^[9][10]
• 로보블록리: 코딩과 수학 학습을 위한 웹 기반 로봇 시뮬레이션 환경이다.
• PICAXE: 교육용 마이크로칩 제어에 사용된다.^[11]
• SAM 랩스: STEAM 코딩 학습 "교육 솔루션"이다.^[12]

6. 한국에서의 활용

블록리는 한국에서도 교육 현장에서 널리 활용되고 있다. 특히, 소프트웨어 교육 의무화에 따라 초, 중, 고등학교에서 코딩 교육 도구로 활용되는 경우가 많다. 국내 여러 교육 기관 및 기업에서 블록리를 기반으로 한 다양한 교육용 플랫폼 및 콘텐츠를 개발하여 제공하고 있다.

(요약 내용을 그대로 작성하였으며, 주어진 원본 자료에는 한국에서의 구체적인 활용 사례가 명시되어 있지 않다.)

7. 같이 보기

스크래치는 교육용 비주얼 프로그래밍 환경이다.^[22] 앱 인벤터는 안드로이드 앱을 제작하는 데 사용된다.^[23]

참조

_[1] 웹사이트 Release Q1 2022 Patch 3 · google/Blockly https://github.com/g[...]
_[2] 간행물 Google Blockly Lets You Hack With No Keyboard https://www.wired.co[...]
_[3] 웹사이트 Google's Blockly Teaches You to Create Apps http://www.nbcbayare[...] 2012-06-13
_[4] 웹사이트 Google Groups https://groups.googl[...] 2018-01-16
_[5] 웹사이트 Google Blockly – A Graphical Language with a Difference http://www.i-program[...] 2019-07-03
_[6] 웹사이트 Scratch 3.0's new programming blocks, built on Blockly https://developers.g[...]
_[7] 웹사이트 MIT App Inventor 2 http://ai2.appinvent[...]
_[8] 웹사이트 Translate Code.org http://code.org/tran[...]
_[9] 웹사이트 Microsoft MakeCode https://www.microsof[...]
_[10] 웹사이트 Microsoft MakeCode Computer Science Education https://www.microsof[...]
_[11] 웹사이트 PICAXE Blockly https://picaxe.com/s[...] 2020-07-05
_[12] 웹사이트 SAM Labs Blocks: Getting started on Workbench https://edu.workbenc[...] 2020-10-10
_[13] 웹사이트 Blockly Demo: Code https://blockly-demo[...] 2018-01-16
_[14] 웹사이트 Blockly Demo: JS-Interpreter https://google.githu[...] 2023-02-24
_[15] 웹사이트 Localisation statistics for the Blockly core module https://translatewik[...] 2018-01-16
_[16] 웹사이트 Blockly Demo: RTL https://google.githu[...] 2023-02-24
_[17] 웹사이트 Release Q1 2022 Patch 3 · google/Blockly https://github.com/g[...] 2023-04-04
_[18] 웹사이트 Blockly https://developers.g[...] 2023-10-11
_[19] 뉴스 Google Blockly Lets You Hack With No Keyboard https://www.wired.co[...] 2024-02-02
_[20] 웹사이트 Is Blockly related to the programming language Logo? https://groups.googl[...] 2024-02-02
_[21] 웹사이트 Google Blockly - A Graphical Language with a Difference https://www.i-progra[...] 2024-02-02
_[22] 웹사이트 Scratch 3.0's new programming blocks, built on Blockly https://developers.g[...] 2024-02-02
_[23] 웹사이트 MIT's App Inventor https://ai2.appinven[...] 2024-02-02
_[24] 웹사이트 Help Translate https://code.org/tra[...] 2024-02-02
_[25] 웹사이트 Microsoft MakeCode Computer Science Education https://www.microsof[...] 2024-02-02
_[26] 웹사이트 Microsoft MakeCode https://www.microsof[...] 2024-02-02
_[27] 웹사이트 Blockly for PICAXE - Software - PICAXE https://picaxe.com/s[...] 2024-02-02
_[28] 웹사이트 JS Interpreter https://google.githu[...] 2024-02-02
_[29] 웹사이트 メッセージ群別の翻訳状況 - translatewiki.net https://translatewik[...] 2024-02-02
_[30] 웹사이트 RTL https://google.githu[...] 2024-02-02
_[31] 웹인용 Release Q1 2022 Patch 3 · google/Blockly https://github.com/g[...]
_[32] 잡지 Google Blockly Lets You Hack With No Keyboard https://www.wired.co[...]
_[33] 웹인용 Google's Blockly Teaches You to Create Apps http://www.nbcbayare[...]
_[34] 웹인용 Google Groups https://groups.googl[...] 2018-01-16
_[35] 웹인용 Google Blockly – A Graphical Language with a Difference http://www.i-program[...] 2019-07-03