Programming/Blockly3 [블록 코딩 개발] Blockly 설치 및 Fixed Size Workspace 만들기 * 공부 메모용~ 이번에는 Blockly가 담긴 HTML을 만들기 전에 이를 구동시킬 Node.js로 서버를 간단히 만들고, Blockly를 Github에서 소스를 직접 내려받아서 설치한 다음, Getting Started의 일부인 Injecting fixed-size Blockly를 만들어보도록 한다. Blockly에서 Workspace를 만들 수 있는 방법은 두 가지가 있는 듯 하다. 하나는 웹 브라우저의 사이즈가 변하더라도 지정한 영역만큼의 사이즈를 유지하는 Fixed-size 방식과, 웹 브라우저의 사이즈가 변하면 그에 맞춰 Workspace의 크기가 변하는 반응형인 Resizable 방식이다. 이번에는 Document에 가장 먼저 나오는 Fixed-Size Workspace를 만들어보도록 한다... 2021. 8. 3. [블록 코딩 개발] Blockly Getting Started와 설치 개요 * 공부한 내용을 일기장 처럼 작성한 글~ 지난 시간에는 Blockly란 무엇인지, 어떠한 특징이 있는지에 대해서 알아보았다. 각설하고, Blockly를 활용해서 직접 나만의 툴을 개발해볼 것이다! 개발의 첫 스타트는 언제가 그렇듯 공식 Document의 Getting Started이다. 이 부분만 간단히 정리하고, Google에서 제공하는 Codelab 튜토리얼을 통해 직접 따라도 해보고, 변형 할 수 있으면 변형도 해보면 좋을 것 같다 ㅎㅎ 일단 원문인 Getting Started는 아래의 링크를 참조하자! Get Started | Blockly | Google Developers This document is aimed at developers who wish to create their own a.. 2021. 8. 2. [블록 코딩 개발] Blockly란? * 공부한 내용을 기록한 일기장 같은 느낌으로 작성함 Blockly는 Google에서 개발한 블록 코딩을 위한 라이브러리이다. 즉, Scratch 등을 떠올리면 편하다. Blockly는 그래픽 기반의 코딩 라이브러리로서, 자바스크립트나 파이썬과 같은 프로그래밍 문법에 대한 이해나, 이외의 텍스트 기반 코딩의 환경(IDE)에 익숙하지 않은 사람들도 쉽게 코딩할 수 있다는 장점이 있다. Blockly에는 재미있는 특징이 있는데, 그것은 바로 블록을 통해 다양한 프로그래밍 언어를 구현할 수 있다는 것이다. 이는 사용자가 블록 코딩을 하면, 다양한 언어로 변환할 수 있어서 프로그래밍 언어에 대한 장벽을 다소 낮출 수 있다. Blockly에서 변환을 지원하는 언어는 다음과 같다. -Blockly에서 지원하는 언어.. 2021. 8. 2. 이전 1 다음
