Blockly

Google에서 제공하는 라이브러리 중 하나인 Blockly에 대해서 공부하고 배운 점들을 여기서 정리하려고 한다.다들 블록코딩 해본 경험은 한번 쯤 있을 것이다.그 고양이같이 생긴애를 가지고 노는 일련의 과정들!파이썬, C나 같은 것들을 텍스트 코딩이라고 한다면, 이

이 블록을 javascript로 정의 해보려고 한다.1\. Top+Bottom connection을 가짐2\. 2개의 Value Input3\. 중간에 dropdown field를 통해 연산의 종류 선택4\. '짧은 표현식'을 구현하고 있 ( a+= b)그렇다면 이렇게

저번 포스트에서 custom 블록의 모양과 성질을 정의하는 방법을 배웠다.이제 겉은 번지르르한 블록이 완성된 것 !하지만, 여태까지 만든 블록은 형태만 갖춰진 껍데기이기 때문에 실질적인 기능을 하지는 못한다.블록이 실제 프로그래밍 언어로 된 코드와 연결될 수 있게 하기

Blockly로 만든 블록 + editor(workspace)를 웹에서 사용하려면 4가지 단계가 있다.1\. Blockly workspace를 삽입할 수 있는 웹페이지 준비2\. XML 형식으로 workspace의 카테고리, 블록 구성 등을 설정한다.3\. 완성된 wo

Blockly Serialization에 대해서 공부를 하던 중교수님께서 링크텍스트를 본다면 도움이 될거라고 말씀하셨다.그치만... 나는 한국인인걸?사실, 영어가 그렇게 긴 것 같지도 않고 어떻게 시간만 조금 투자한다면 이해할 수 있을 것 같긴했다.하지만 최근 Chat