마이크로:비트를 이용할때 나는 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

 

 

728x90
반응형
블로그 이미지

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

컴퓨터 코치 두리뭉실

댓글을 달아 주세요