[마이크로비트] 웹에디터로 정보처리기능사 실기 알고리즘 이해하기 - 달팽이 형

정보처리기능사 실기 알고리즘 달팽이 형 문제를 마이크로비트 웹에디터를 이용하여 원리를 이해해 보려고 한다. 정보처리기능사 실기는 문제 형태는 변하지 않았지만, 작년부터 객관식에서 주관식으로 바뀌었다. 그래서 이해를 못하면 찍지도 못하는 그런 시험이 되었다. 예전 지인에게 알고리즘 알려 주면서 프로그램언어를 이용하면 더 쉽게 이해하지 않을까 생각했었다. 그럼 마이크로비트 웹에디터로 해보자.

<정보처리기능사 실기 알고리즘 달팽이형 문제> 

<블럭 사진>

플로우차트대로만 만들면 눈으로 확인 할 수가 없어,  배열에 저장 되는 것을 시각적으로 보기 위해  이미지 변수를 하나 만들어 사용 하고 그 부분만 함수로 만들었다. 그리고 노란색으로 하이라이트 된 부분을 보자! 불록 코딩하면서 전혀 볼 수 없었던 문자들이다. 그렇다. 블록으로 표현 못하는 부분은 저렇게 문자로 표현 된다. 즉 현재 제공된 블록으로는 다 표현을 할 수 없다는 것이다. 그렇지만  처음 생각했던 대로 마이크로비트 웹에디터를 이용하여 더 쉽게 이해 할 수 있다.

microbit-알고리즘 (4).hex

한단계 한단계 실행하며 확인 하다 보면 금방 이해 될 것이다. 동영상으로 확인~

<실행 동영상>

그럼 한장의 사진을 더 보고 다음 질문에 생각을 해보자

<자바스크립트 사진>

플로우차트, 블록, 자바스크립트 중 

어느 것이 아이디어를 잘 표현할 수 있을까??

어느 것이 바로 만들 수 있을까??

어느 것이 이해가 쉬울까?? 

어느 것이 눈에 확 들어올까?? 

분명 서로의 장단점은 존재 한다. 결국은 거의 대부분 배우고 사용해야 하는데, 어떻게 하면 재미있고 쉽게 할 수 있는지는 눈에 보일것이다.