티스토리 뷰

크리에이티브 커먼즈 라이선스
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.
본문

Google code에 등록되어있는 google-blockly 를 소개합니다. 미로 찾기를 간단한 로직을 통해 만들어볼 수 있고, Blocks으로 작성하면 javascript, Dart, Python, XML로 변환하여 코드를 보여주게 됩니다. 이 때에는 시뮬레이션은 할 수 없고 코드 View만 가능합니다.


google-blockly 홈페이지

  http://bit.thdev.net/LqyTp1


Google-Blockly

 메인 홈페이지 입니다. 아래와 같이 Block 형태의 코딩이 가능합니다.

 Check out the demos 는 3개 페이지를 지원합니다.

 Maze : 메뉴는 길을 찾을 수 있는 코드를 작성할 수 있습니다.

 Code : 코드 형태로 보여주는 페이지입니다. 역시 Block 형태로 드래그엔 드랍을 하고 붙여넣으면 실제 JavaScript, Data, Python, XML의 코드가 보여지게 됩니다. 실제 코드를 보여지기는 하지만 디버그를 해 볼 순 없습니다. 그리고 Maze에서는 미로 찾기를 위한 Block만 존재 하지만, Code 페이지에는 Block가 존재합니다.

 RTL : 오른쪽 방향으로 코드가 보여지게 됩니다. 뭐 ㅎㅎ 심심하시면 한번 살펴보세요.


 참고로 개발자 정보는 3명으로 확인이 됩니다.


미로 찾기 예제

 제가 작성한 Block 코드입니다. if안에 if문을 중첩하여 처리했습니다. 제가 작성 한 방법이니 정답은 아닙니다. 해당부분에서는 JavaScript만 보이게 되는데 이게 좀 아쉽네요. 해당 코드를 다시 2번째 Code에서 작성하면 코드는 보이게 됩니다.


하단의 See generated JavaScript code.를 클릭하면 JavaScript 코드로 보여지게 됩니다.


마무리

 재미있는 미로 찾기 한번 도전해보세요! 전 위와 같이 처리했지만 코드야 다양하게 나올 수 있으니 이게 잘 짰다 저게 잘짰다라고는 말 할 수 없습니다. 성능상의 차이가 존재하긴 할태지만 그렇게까지 생각한다면 C언어로 짜거나 어셈블리로 짜는게 좋겠죠?? ㅋㅋ 이상입니다.



개인 광고 영역


댓글
  • 프로필사진 Joseph Lee 안녕하세요.
    작성하신 여러 포스트를 보니 엄청난 내공이 느껴지네요^^
    혹시 blockly를 사용해서 미로를 직접 만드신거 같은데 어떤 방법(경로) 만드셨는지 알려주실 수 있으신지요?
    제가 blockly에 가서 아무리 찾아도 모르겠네요..ㅜ
    2015.08.19 14:15 신고
  • 프로필사진 BlogIcon taehwan 안녕하세요.
    어떤 미로를 이야기하시는지 이해가 안되네요^^;;
    해당 웹페이지 접근하셔서 순차적으로 진행 해보시면 난이도 높은 blockly이 나오고 있습니다. 지금은 더 다양한 blockly가 나오는데 어떤 부분을 말씀하시는지 모르겠군요.
    2015.08.23 20:39 신고
댓글쓰기 폼
Total
5,177,948
Today
218
Yesterday
1,530
«   2018/08   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
글 보관함