연구 설문조사: Blockly 사용 경험을 알려주세요
설문조사 시작
Blockly를 사용해야 하는 이유
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Blockly를 사용하면 블록을 렌더링, 드래그 또는 연결하는 방식의 복잡성에 대한 걱정 없이 도메인에 블록을 적용하는 데 집중할 수 있습니다.
다음과 같은 다양한 교육 사용 사례에 적용할 수 있습니다.
- 학생들이 텍스트 기반 프로그래밍을 할 수 있도록 지원합니다.
- 컴퓨팅 사고 장려
- 다른 개념 (예: 물리학)을 전산적으로 탐색
다음과 같은 여러 업계 사용 사례도 있습니다.
- 데이터 분석 및 정리.
- 자동화 (예: 로봇 공학, 프로세스 워크플로 등)
- 구성 (예: 온라인 상점, IoT 등)
강점
Blockly는 블록 기반 프로그래밍 환경을 빌드하는 데 가장 많이 사용되는 옵션인 여러 가지 장점이 있습니다.
- 가용성: Blockly는 NPM에 게시되므로 다른 웹 종속 항목이 필요한 것과 동일한 방식으로 요구할 수 있습니다.
- 모든 기능을 제공합니다. Blockly는 널리 사용되는 5가지 프로그래밍 언어 (JavaScript, Python, Lua, Dart, PHP)로 코드를 생성하는 공통 블록과 함께 제공됩니다. 또한 더 많은 기능을 제공하는 활발한 플러그인 생태계를 갖추고 있습니다.
- 맞춤설정. Blockly를 사용하면 자체 블록, 필드, 입력을 쉽게 정의할 수 있습니다. 또한 여러 핵심 기능을 자체 맞춤 기능으로 교체할 수 있습니다.
- 국제화. Blockly의 핵심 블록 라이브러리는 아랍어와 히브리어
오른쪽에서 왼쪽으로 읽는 버전을 포함하여 90개 이상의 언어로 번역됩니다.
- 오픈소스. Google은 Blockly의 기술을 모든 사람과 공유하여 함께 차세대 개발자를 교육할 수 있습니다.
대안
Blockly 이외의 라이브러리를 사용하는 것이 적합한 사용 사례가 있습니다. 다른 옵션은 다음과 같습니다.
- PXT: Blockly를 기반으로 빌드된 편집기로 MakeCode를 지원합니다. JavaScript만 출력하므로 코드에서 블록으로 변환할 수 있습니다. 또한 컴파일러 및 시뮬레이터와 함께 제공됩니다.
- Droplet: 연필 코드를 지원하는 편집기입니다. 드래그 없이 입력하여 블록을 만들 수 있으며 코드에서 블록으로 이동할 수도 있습니다.
- Node-red: 블록 기반이 아닌 노드 기반 프로그래밍 편집기이지만 유사한 기능을 처리합니다. 이는 종종 업계 환경에서 하드웨어 기기를 함께 배선하는 데 사용됩니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2025-07-25(UTC)
[null,null,["최종 업데이트: 2025-07-25(UTC)"],[[["\u003cp\u003eBlockly is a versatile library for creating visual, block-based programming environments, suitable for education and industry applications.\u003c/p\u003e\n"],["\u003cp\u003eIt offers a rich set of features, including pre-built blocks, code generation in multiple languages, and extensive customization options.\u003c/p\u003e\n"],["\u003cp\u003eBlockly is easily integrated into web projects, supports internationalization, and benefits from an active open-source community.\u003c/p\u003e\n"],["\u003cp\u003eWhile Blockly is a robust solution, alternatives like PXT, Droplet, and Node-red cater to specific use cases such as code-to-block conversion, hardware integration, or node-based programming.\u003c/p\u003e\n"]]],["Blockly enables users to apply blocks to their domain without managing rendering or connections. It's applicable in education for computational thinking and industry for automation, data analysis, and configuration. Key strengths include NPM availability, bundled blocks for multiple languages, customizability, internationalization, and open-source nature. Alternatives like PXT, Droplet, and Node-red exist for specific use cases, like JavaScript-only environments or node-based programming.\n"],null,["# Why Blockly?\n\nBlockly lets you focus on applying blocks to your domain without worrying about\nthe complexities of how those blocks should be rendered, dragged, or connected.\n\nIt is applicable to a wide range of educational use-cases, such as:\n\n- Working students toward text-based programming.\n- Encouraging computational thinking.\n- Exploring other concepts (e.g. physics) computationally.\n\nAs well as many many industry use-cases, such as:\n\n- Data analysis and cleaning.\n- Automation (e.g. in robotics, process workflows, etc).\n- Configuration (e.g. in online shops, IoT, etc).\n\nStrengths\n---------\n\nBlockly has a number of strengths that make it the most popular option for\nbuilding a block-based programming environment.\n\n- **Availability.** Blockly is published on NPM, so you can require it in the same way you require any other web dependency.\n- **Fully featured.** Blockly comes bundled with common blocks that generate code in 5 popular programming languages (JavaScript, Python, Lua, Dart, and PHP). Plus it has a thriving [plugin ecosystem](https://google.github.io/blockly-samples/#plugins) that gives you even more capabilities.\n- **Customizability.** Blockly lets you easily define your own blocks, fields, and inputs. Plus many of its core functionalities can be swapped out for your own custom ones.\n- **Internationalization.** Blockly's core library of blocks comes with translations in 90+ languages, including right-to-left versions for Arabic and Hebrew.\n- **Open Source.** Google shares Blockly's technology with everyone so, together, we can educate the next generation of developers.\n\nAlternatives\n------------\n\nThere are some use cases where it makes sense to use a library other than\nBlockly. Here are some other options:\n\n- [**PXT**](https://github.com/Microsoft/pxt): This is an editor built on Blockly that powers [MakeCode](https://makecode.com). It outputs JavaScript exclusively, which enables it to convert from code to blocks. It also comes bundled with a compiler and a simulator.\n- [**Droplet**](https://github.com/PencilCode/droplet): This is the editor that powers [Pencil Code](https://pencilcode.net/). It lets you type to create blocks without dragging, and also supports going from code to blocks.\n- [**Node-red**](https://nodered.org/): This is a node-based rather than block-based programming editor, but it fulfills a similar function. It is popular for wiring together hardware devices, often in industry contexts."]]