블록리

Blockly
블록리
Blockly-Demo.png
원저작자닐 프레이저, 퀸 중성자, 엘렌 스퍼투스, 마크 프리드먼
개발자구글, MIT
초기 릴리즈2012년 5월, 10년 전(2012-05)
안정된 릴리스
Q1 2022 패치3 / 2022년 6월 8일; 57일 전(2022-06-08)[1]
저장소github.com/google/blockly
기입처자바스크립트
운영 체제안드로이드, iOS
플랫폼웹 브라우저
크기150 KB
이용가능기간:50개 언어
언어 목록
영어
유형도서관
면허증.Apache 라이센스 2.0
웹 사이트developers.google.com/blockly

Blockly는 블록 기반 VPL(Visual Programming Language) 및 편집기를 만들기 위한 프로그래밍 언어 JavaScript용 클라이언트 측 라이브러리입니다.구글의 프로젝트인 이 소프트웨어는 Apache License [2]2.0으로 출시된 무료 오픈 소스 소프트웨어입니다.일반적으로 웹 브라우저에서 실행되며 시각적으로 Scratch 언어와 유사합니다.또한 모바일 운영체제인 Android와 iOS에도 구현되고 있지만, 브라우저 기반의 모든 기능을 이러한 플랫폼에서 사용할 수 있는 것은 아닙니다.

Blockly는 코드 작성을 용이하게 하기 위해 서로 링크하는 비주얼 블록을 사용하며 JavaScript, Lua, Dart, Python 또는 PHP로 코드를 생성할 수 있습니다.또한 임의의 텍스트 프로그래밍 [3]언어로 코드를 생성하도록 사용자 정의할 수도 있습니다.

역사

블록리 개발은 2011년 여름에 시작되었습니다.첫 공개는 2012년 5월 Maker Fair에서 있었다.Blockly는 원래 App [4]Inventor에서 OpenBlocks를 대체하기 위해 설계되었습니다.닐 프레이저는 Quynh Neutron, Ellen Spertus, Mark Friedman과 함께 프로젝트를 시작했습니다.

사용자 인터페이스

Blockly 편집기의 기본 그래피컬 사용자 인터페이스(GUI)는 사용 가능한 블록을 보관하고 사용자가 블록을 선택할 수 있는 도구 상자 및 사용자가 블록을 드래그 앤 드롭 및 재정렬할 수 있는 작업 공간으로 구성됩니다.작업영역에는 기본적으로 확대/축소 아이콘과 [5]블록을 삭제하는 휴지통도 있습니다.편집기를 쉽게 수정하여 사용 가능한 편집 기능 및 블록을 사용자 정의하고 제한할 수 있습니다.

커스터마이즈

Blockly에는 공통 작업을 위한 시각적 블록 세트가 포함되어 있으며, 블록을 추가하여 사용자 지정할 수 있습니다.새 블록에는 블록 정의와 생성기가 필요합니다.정의는 블록의 모양(사용자 인터페이스)을 설명하고 생성기는 블록에서 실행 가능한 코드로의 변환을 설명합니다.정의 및 생성기는 JavaScript 또는 블록 팩토리(Block Factory)로 작성할 수 있습니다. 블록 팩토리(Block Factory)는 기존 시각 블록을 사용하여 새로운 블록을 쉽게 만들 수 있도록 합니다.

적용들

Blockly는 다음과 같은 몇 가지 주목할 만한 프로젝트에서 사용됩니다.

  • MIT Scratch, 교육용 비주얼[6] 프로그래밍 환경
  • Android용 애플리케이션을 만들기 위한 MIT의 App Inventor.[7]
  • Code.org, Hour of Code[8] 프로그램에서 수백만 명의 학생들에게 입문 프로그래밍을 가르칩니다.
  • 코딩 및 수학을 학습하기 위한 웹 기반 로봇 시뮬레이션 환경인 RoboBlockly
  • PICAXE는 교육용 마이크로칩을[9] 제어하기 위해
  • SAM Labs, STEAM 학습 코드 "교육 솔루션"[clarification needed][10]

특징들

  • 확장 가능한 벡터 그래픽스(SVG)를 사용한 웹 기반, 플래시 없음
  • 완전한 클라이언트측 JavaScript
  • 다음을 포함한 주요 웹 브라우저 지원:Chrome, Firefox, Safari, Opera, Internet Explorer(IE)
  • Android 및 iOS에서의 모바일 지원
  • 변수, 함수, 어레이 등 다수의 프로그래밍 구조 지원
  • 최소한의 타입 체크가 지원되며, 약하게 입력된 언어용으로 설계되어 있습니다.
  • 커스텀 블록으로 쉽게 확장할 수 있습니다.블록 팩토리를 사용하여 새 블록 만들기
  • 클린코드 생성[11]
  • 코드 추적 및 디버깅을[12] 위한 단계별 코드 실행
  • 50개 이상의[13] 언어로 현지화
  • 왼쪽에서 오른쪽으로 및 오른쪽에서 왼쪽으로[14] 언어 지원

레퍼런스

  1. ^ "Release Q1 2022 Patch 3 · google/Blockly".
  2. ^ Metz, Cade. "Google Blockly Lets You Hack With No Keyboard". Wired.
  3. ^ "Google's Blockly Teaches You to Create Apps". NBC Bay Area.
  4. ^ "Google Groups". Groups.google.com. Retrieved 16 January 2018.
  5. ^ Black, Lucy (12 June 2012). "Google Blockly – A Graphical Language with a Difference". I-programmer. Retrieved 3 July 2019.
  6. ^ "Scratch 3.0's new programming blocks, built on Blockly". Google.
  7. ^ "MIT App Inventor 2". MIT.
  8. ^ "Translate Code.org". Code.org.
  9. ^ "PICAXE Blockly". PICAXE. Retrieved 5 July 2020.
  10. ^ "SAM Labs Blocks: Getting started on Workbench". edu.workbencheducation.com. Retrieved 2020-10-10.
  11. ^ "Blockly Demo". Blockly-demo.appspot.com. Retrieved 16 January 2018.
  12. ^ "Blockly Demo: JS Interpreter". Blockly-demo.appspot.com. Retrieved 16 January 2018.
  13. ^ "Localisation statistics for the Blockly core module". Translatewiki.net. Retrieved 16 January 2018.
  14. ^ "Blockly Demo: RTL". Blockly-demo.appspot.com. Retrieved 16 January 2018.

외부 링크