Blockly는 맞춤설정 가능한 블록 기반 코드 편집기를 앱에 추가할 수 있는 웹 라이브러리입니다. 이 편집기는 블록과 같은 퍼즐 조각을 사용하여 변수, 논리 표현식, 루프와 같은 코드 개념을 나타냅니다. 이를 통해 사용자는 문법이나 명령줄의 위협에 대해 걱정하지 않고 프로그래밍할 수 있습니다.
더 자세히 살펴보면 Blockly는 다음 두 가지 방식으로 생각할 수 있습니다.
재미있는 퍼즐 조각 UI처럼
멋진 문자열 빌더와 같습니다.
퍼즐 연결과 입력란을 정의하면 Blockly에서 복잡한 렌더링, 드래그, 연결을 처리합니다.
각 블록에 대해 생성되는 문자열 (일반적으로 코드)을 정의하면 Blockly에서 블록의 전체 문자열 연결을 처리합니다. 이 결과를 어떻게 활용할지는 여러분에게 달려 있습니다. 미로 풀기, 캐릭터 애니메이션, 데이터 분석 등 무엇이든 할 수 있습니다. 더 많은 예는 Blockly 애플리케이션 소개를 참고하세요.
Blockly를 사용하면 블록의 작동 방식에 대한 세부정보를 걱정하지 않고 도메인에 블록을 적용하는 데 집중할 수 있습니다. 자세한 내용은 Blockly를 사용해야 하는 이유를 참고하세요.
[null,null,["최종 업데이트: 2025-07-25(UTC)"],[[["\u003cp\u003eBlockly is a JavaScript library that empowers developers to integrate a visual, block-based programming editor into their web applications.\u003c/p\u003e\n"],["\u003cp\u003eThis editor simplifies coding by using interlocking blocks to represent code elements, making it accessible to users with varying levels of programming experience.\u003c/p\u003e\n"],["\u003cp\u003eBlockly handles the visual aspects and logic of connecting blocks, allowing developers to focus on defining the functionality and behavior of their application.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can customize Blockly to generate code in various programming languages and utilize it for diverse applications like game development, data analysis, and educational tools.\u003c/p\u003e\n"]]],["Blockly is a web library enabling developers to integrate a visual, block-based code editor into applications. It utilizes puzzle-piece blocks to represent code elements, allowing users to program without syntax concerns. Developers define block connections and the resulting code strings. Blockly handles rendering, dragging, and string concatenation. Developers can then use the generated code strings to create various applications like solving mazes or analyzing data, allowing focus on their application instead of block interactions.\n"],null,["# What is Blockly?\n\nBlockly is a web library that lets you add a customizable blocks-based code\neditor to your app. The editor uses puzzle-piece like blocks to represent code\nconcepts like variables, logical expressions, loops, and more. It lets users\nprogram without having to worry about syntax or the intimidation of the command\nline.\n| **Note:** Blockly is for developers, Blockly apps are for learners. If you're here to use apps rather than build them, try some of the products from [companies\n| that create Blockly apps](https://developers.google.com/blockly#learn-with-blockly).\n\nBreaking it down further, you can think of Blockly in two ways:\n\n1. Like a fun puzzle-piece UI.\n2. Like a fancy string builder.\n\nYou define the puzzle connections and input fields, and then Blockly handles the\ncomplicated rendering, dragging, and connecting of them.\n\nYou define the string (usually code) that gets generated for each block, and\nthen Blockly handles concatenating whole strings of blocks. What you do with\nthat result is up to you. You can do anything from solving a maze, to animating\na character, to analyzing some data. For more examples, see the [Introduction to\nBlockly applications](/blockly/guides/design/app-overview).\n\nBlockly lets you focus on applying blocks to your domain without worrying about\nthe details of how blocks work. For more information see\n[Why Blockly?](/blockly/guides/get-started/why-blockly)"]]
