목록클라이언트/BlocklyJS (2)
우기TIL
저번 포스팅을 읽으신 분이라면 Blockly의 창을 띄워보셨을 겁니다. 오늘은 띄운것에서 끝내는 것이 아닌 그것에 대한 상세 설정을 건드려보도록 해보죠. Add Custom Blocks 저번에 toolbox에서 xml안에 여러개의 블록을 추가해본적이 있죠? 하지만 그 블록들은 이미 google에서 기존에 정의해놓은 블록입니다. 그렇다면 기존에 없는 블록을 사용하고 싶다면 어떻게 해야할까요..? 다행히 방법이 두가지가 있습니다.. 첫번째 방법은 BlocklyGithub에서 다운받은 소스내에서 blocks/ 에 블록을 새롭게 정의해서 blocks_compressed.js를 새로 만들어 쓰는방법 또는 Blockly.inject를 하기전에 script에서 바로 블록을 선언해서 사용하는 방법이 있습니다. 우리는 ..
Blockly란 무엇인가 ? 기존의 우리가 알고 있는 언어와 다르게 시각적으로 코드를 편집할 수 있게 해주는 라이브러리이미 현재 Blockly를 사용하여 스크래치나 Code.org 등 같은 곳에서 아이들에 코딩교육을 진행하고 있습니다.Blockly는 텍스트 방식이 아닌 블록코딩 방식을 사용함으로써 프로그래밍이 익숙치 않은 아이들은 물론 전 연령이 쉽게 사용할 수 있게 되어 있습니다. 이런 점을 사용하여 어린아이들에게 컴퓨팅적인 사고를 키우기 위한 용도로써 코딩교육이 굉장히 HOT한 상태입니다.또한 프로그래밍 관련이 없는 사람들도 Blockly를 사용할 줄 안다면 MIT에서 제공하는 앱 인벤터(App Inventor)를 사용하여 안드로이드 앱을 간단하게 제작 할 수 있습니다. 하지만 우리가 이런것을 할 것..