1월 26일 드디어 전파인증이 완료되어 국내 판매점에서
새로운 마이크로:비트(V2)를 구매할 수 있다.

 

 

 

의 모든 것 - 전자부품쇼핑몰 아이씨뱅큐

- 모든 관련 전자부품 판매, 국내 최대 전자부품 쇼핑몰, 아이씨뱅큐

www.icbanq.com

다른 키트와 구매를 원하다면 ICBANQ!
단품 + 파우치도 ICBANQ!
그냥 단품만이라도 네이버 스토어에서
검색하여 제일 싼 V2를 구매 하면 좋다.

블로그 이미지

두리뭉실 두리뭉실:해피파인더그룹

컴퓨터 코치 두리뭉실

댓글을 달아 주세요

주말에 체험단 사용기를 만들 예정이다. 두 가지를 할 것인데,
게임판 위에서 TPBot 엔터테인먼트 모드 동작과
마이크로:비트 & TPBot & 조이스틱:비트를 이용하여
블록 코딩을 하는 것이다.

 

엔터테인먼트 모드 동작은 게임판 위에 조각판을 이용하여
길을 만들고 TPBot을 동작시키면 된다. 게임판은 잘 만들어
졌으니, 어렵지 않게 할 수 있다.

 

블록 코딩 하는 것은 아래의 튜토리얼 사이트를 참조하면 된다.
영어이긴 한데, 크롬의 번역도 있고 그림으로 대부분 되어
있어서 어렵지 않게 블록 코딩이 가능하다.

 

TPBot(TianPeng) — micro bit tutorial

© Copyright 2020, ELECFREAKS Team

www.elecfreaks.com

 

Planet X Sensors — micro bit tutorial

© Copyright 2020, ELECFREAKS Team

www.elecfreaks.com

 

14. Joystick:bit V2 — micro bit tutorial

14.1. Introduction Joystick:bit V2 is a game board based on micro:bit. It contains a 4-direction joystick and 4 undefined buttons. At the same time, it enhances the game experience with its on-board buzzer and vibration motor. Joystick:bit V2 can also be u

www.elecfreaks.com

사용기를 작성하면서 짧은 시간 안에 흥미 있게 할 수 있는 블록 코딩을
생각해 보고, 설날에 조카들과 함께 해봐야겠다.

 

예전 러닝비트로 레고 조립을 알려 주고, 프로그램 다운로드는
도와줬는데...... 레고를 이용했음에도 영 관심이 없었다...... 대신
그냥 막 움직이는 거미로봇 RC CAR는 관심이 많았다.

이번 TPBot에 관심을 보였으면 좋겠다.

 

 

 

블로그 이미지

두리뭉실 두리뭉실:해피파인더그룹

컴퓨터 코치 두리뭉실

댓글을 달아 주세요

TPBot이 움직이면서 음악을 만들어야 한다.
즉 배경음악을 만들어야 한다.

 

고민 끝에
아이들이 좋아할 만한 '상어가족'과
내가 좋아하는 'Way Back Home - SHAUN'
노래로 정했다.

 

상어가족 악보를 보고 '음악 블록'을 이용해서
'상어가족' 연주해 보자!

 

여기에 한 가지 기능을 추가해야 한다.
버튼을 눌러서 음악을 시작/정지해야 한다.

상어가족 노래 블록

위처럼 만든 다면 내 마음대로 음악을 시작/정지할 수 없다.

그래서 '음'과 '시간'을 배열에 저장해서
하나씩 읽어 연주(출력)하고 읽어서 연주할 때마다
변수의 상태값에 따라 처리해 주면
내가 원할 때 시작하고 정지할 수 있다.

 

작성한 블록 코드는 아래와 같다.

 

A버튼을 누루면 연주가 시작되고, B버튼을 누르면 정지한다.

TPBot이 시뮬레이션과, 실제 마이크로 비트에선 잘 연주된다.
참고로 V2는 이어폰이나 확장키트 연결없이 스피커가
기본으로 장착되어 있어 바로 확인이 가능하다.

아래는 'Way Back Home - SHAUN'이다.

 

블로그 이미지

두리뭉실 두리뭉실:해피파인더그룹

컴퓨터 코치 두리뭉실

댓글을 달아 주세요

새로운 마이크로:비트 V2가 출시됐다.
하지만 한국에선 전파인증이 안되어
현재(2021.01.11) 국내에서는 구매를 할 수 없지만
조만간 구매가 가능할 수 있을 거라 생각한다.

 

실물이 없다고, 그냥 있을 수는 없는 일!

 

이미 대부분의 마이크로:비트 사이트는 V2를
사용할 수 있게 기능들이 적용되어 있다.
소개 페이지 또한 잘 되어 있다.

 

Micro:bit Educational Foundation

The pocket-sized computer transforming the world

microbit.org

그러나! 영어로 되어 있다......
하지만, 크롬 브라우저의 '한국어 번역'을 이용하면
원래 한국어 사이트인 것처럼 볼 수 있다.

한국어로 변환전
한국어로 번역 후

 

중간중간 나오는 유튜브 동영상도
한국어 자막(CC)을 이용하면
어렵지 않게 내용을 이해할 수 있으며
MakeCode를 이용한 블록 코딩도
어렵지 않게 할 수 있다.

 

간단하게 V2의 새로운 특징을 알아보면
터치 로고,
마이크,
스피커,
파워 LED,
절전모드가 있다.

V2 앞면 뒷면 새로운 기능들

마이크를 통하여 좀 더 반응적인 것들을 만들 수 있으며,
확장 장치를 연결하지 않아도 터치스피커
이용한 다양한 것을 만들 수 있다.

 

MakeCode 편집기에 변경된 부분이 있는데,
python이 추가되었다.

Code options

처음 파이썬이 코드 옵션에 있는 것과
block API 문서에 자바스크립트와 파이썬의
코드들을 보고 깜짝 놀랐다.

 

또한 인터럽트(이벤트) 프로그래밍이 가능한
코드들을 보고 더욱 놀랐다.

 

python code
javascript code
block

하지만 기존의 python 명령어를 전부 사용할 수 있는 것이 아니었다ㅠㅠ.
한마디로 말하면 파이썬을 가장한 자바스크립트!

 

어쨌든,
......

 

자바스크립트도 배워야겠다는 생각만 들었다.
물론 기존의 파이썬을 안 한다는 건 아니다^^.

 

나중에 텐서플로 LITE가 추가된다고 하니
자바스크립트 기초부터 해봐야겠다.

 

파이썬에 관한 아쉬움만 빼고!
하드웨어 업그레이드,
초급&중급&고급 예제 컨텐츠,
소개 부분은
누구나 따라 할 수 있게 되어서
참 좋다.

 

틈틈히 소개 페이지에 있는 예제 컨텐츠를
하나하나 올릴 생각이다. 물론 없는것도
올릴 생각이다^^.

 

그래서, 마이크로:비트를 배우는
초보자에게 도움이 되었으면 좋겠다.

 

블로그 이미지

두리뭉실 두리뭉실:해피파인더그룹

컴퓨터 코치 두리뭉실

댓글을 달아 주세요

 

마이크로:비트를 이용할때 나는 MakeCode(블럭)
또는 파이썬을 사용한다.

 

MakeCode와 파이썬 각각의 장단점이 존재하여
좀더 자유롭게 마이크로:비트를 사용해 보고 싶어서
유튜브에서 자바스크립트를 검색했다.

 

'엘리와 함께하는 드림코딩'

 

프론트엔드 개발자 입문편이기는 하지만! 마이크로:비트를
사용하기에 도움이 많이 된다.

 

아래는 내가 필요한 부분 보기 쉽게 정리한 것이다.

자바스크립트 배우기전 꼭 봐야할 영상 | 자바스크립트의 역사와 현재 그리고 미래 (JavaScript, ECMAScript, JQuery, Babel, Node.js

자바스크립트 01

 

자바스크립트 2. 콘솔에 출력, script async 와 defer의 차이점 및 앞으로 자바스크립트 공부 방향 | 프론트엔드 개발자 입문편 (JavaScript ES5+)

자바스크립트 02

 

자바스크립트 3. 데이터타입, data types, let vs var, hoisting | 프론트엔드 개발자 입문편 (JavaScript ES5+)

자바스크립트 03

 

자바스크립트 4. 코딩의 기본 operator, if, for loop 코드리뷰 팁 | 프론트엔드 개발자 입문편 (JavaScript ES6)

자바스크립트 04

 

자바스크립트 5. Arrow Function은 무엇인가? 함수의 선언과 표현 | 프론트엔드 개발자 입문편(JavaScript ES6)

자바스크립트 05

바스크립트 6. 클래스와 오브젝트의 차이점(class vs object), 객체지향 언어 클래스 정리 | 프론트엔드 개발자 입문편 (JavaScript ES6)

youtu.be/_DLhUBWsRtw

 

자바스크립트 7. 오브젝트 넌 뭐니? | 프론트엔드 개발자 입문편 (JavaScript ES6)

자바스크립트 07

 

자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 | 프론트엔드 개발자 입문편 (JavaScript ES6 )

자바스크립트 08

 

자바스크립트 9. 유용한 10가지 배열 함수들. Array APIs 총정리 | 프론트엔드 개발자 입문편 ( JavaScript ES6)

자바스크립트 09

 

자바스크립트 10. JSON 개념 정리 와 활용방법 및 유용한 사이트 공유 JavaScript JSON | 프론트엔드 개발자 입문편 (JavaScript ES6)

자바스크립트 10

 

자바스크립트 11. 비동기 처리의 시작 콜백 이해하기, 콜백 지옥 체험 😱 JavaScript Callback | 프론트엔드 개발자 입문편 (JavaScript ES6)

자바스크립트 11

 

자바스크립트 12. 프로미스 개념부터 활용까지 JavaScript Promise | 프론트엔드 개발자 입문편 (JavaScript ES6)

자바스크립트 12

 

 

자바스크립트 13. 비동기의 꽃 JavaScript async 와 await 그리고 유용한 Promise APIs | 프론트엔드 개발자 입문편 (JavaScript ES6)

자바스크립트 13

 

프로그래밍 포기 하지 마세요 (자바스크립트 함수 기본편)

자바스크립트 14

 

 

 

모던 JavaScript 튜토리얼

 

ko.javascript.info

 

동영상을 보고 따라해 봤는데, 변수 & 제어문& 반복문 & 배열에 대한 이해가 부족하다고 느끼면 아래의 게시물들이 도움이 될 수 있다.

 

2020/10/14 - [EDU/자바] - 언어를 본격적으로 배우기 전에! 맛보기 #01 - 문제 인식하고 해결 가능한 방법 찾기

 

언어를 본격적으로 배우기 전에! 맛보기 #01 - 문제 인식하고 해결 가능한 방법 찾기

언어를 본격적으로 배우기 전에 아어렵지 않게 시작했으면 좋겠다는 생각으로 문제를 해결해 보면서 맛보기 형식으로 글을 작성해 볼까 한다. 문제를 해결하면서 알 수 있는 것들은 1. 생각

bonghanwith.tistory.com

2020/10/23 - [EDU/자바] - 언어를 본격적으로 배우기 전에! 맛보기 #02 - 정렬 과정을 노트에 그려 보자

 

언어를 본격적으로 배우기 전에! 맛보기 #02 - 정렬 과정을 노트에 그려 보자

문제 ------------------------------------ 5 30 3 11 8 12 <처리> 8 12 30 * 702 301 80 1000 1 <처리> 80 702 1000 ------------------------------------ 오름차순으로 정렬하기 5 30 3 11 8 12..

bonghanwith.tistory.com

2020/11/20 - [EDU/자바] - 언어를 본격적으로 배우기 전에! 맛보기 #03 - 노트에 정리한 생각을 코드로 작성하기(변수와 비교문 이용하여 오름차순 정렬하기)

 

언어를 본격적으로 배우기 전에! 맛보기 #03 - 노트에 정리한 생각을 코드로 작성하기(변수와 비

문제를 해결하기 위해 노트에 숫자들을 기록하여 사용했듯이 프로그램에서는 '변수'에 숫자를 저장 하여 사용할 수 있다. '변수'란 값을 저장할 수 있는 메모리 공간이다. 각각의 변수에 5, 30, 3

bonghanwith.tistory.com

2020/11/23 - [EDU/자바] - 언어를 본격적으로 배우기 전에! 맛보기 #04 - 짝수만 출력 하기 그리고 생각해 보기

 

언어를 본격적으로 배우기 전에! 맛보기 #04 - 짝수만 출력 하기 그리고 생각해 보기

오름차순으로 정렬을 했으니 짝수를 출력하는 코드를 작성해 보자. '짝수'란, n을 임의의 정수라 할때 2n의 꼴로 표시되는 정수를 말한다. 다른 말로 2로 나누었을때 나머지가 0인 정수이다. 자바

bonghanwith.tistory.com

2020/12/09 - [EDU/자바] - 언어를 본격적으로 배우기 전에! 맛보기 #05 - 배열과 반복문을 이용하여 문제를 해결해 보자

 

언어를 본격적으로 배우기 전에! 맛보기 #05 - 배열과 반복문을 이용하여 문제를 해결해 보자

하단에 코드를 작성하는 풀 동영상이 있다. 동영상을 시청하고 게시물을 본다면 이해에 도움이 될거라 생각한다. 숫자를 6개에서 100개로 늘리면 그만큼 변수와 관련된 코드도 늘어난다. 자바

bonghanwith.tistory.com

2020/12/10 - [EDU/자바] - 언어를 본격적으로 배우기 전에! 맛보기 #06 - 마무리

 

언어를 본격적으로 배우기 전에! 맛보기 #06 - 마무리

#06 - 마무리 본격적으로 언어를 배우기 전에 한번쯤 경험했으면 하는 것들을 만들어 봤다. 내용이 조금 길어지더라도 GIT, TDD, 디버깅도 넣어 볼까라는 생각도 해봤다. 하지만, 변수&비교문&반복

bonghanwith.tistory.com

 

 

블로그 이미지

두리뭉실 두리뭉실:해피파인더그룹

컴퓨터 코치 두리뭉실

댓글을 달아 주세요