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

 

 

반응형
블로그 이미지

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

레고가 좋고~ PBL 매력에 빠졌으며~ 취미로 개발하는 두리둥실

,

요즘 같이 추운날
어디서든 따듯함을
느끼며 불멍하고 싶을때!

 

불멍 - 활활

 

 

불멍 여유

 

반응형

'일상다반사' 카테고리의 다른 글

메타버스  (0) 2021.01.15
5초의 법칙(The 5 Second Rule) 멜 로빈스  (0) 2021.01.14
오산 까마귀  (0) 2021.01.09
Lo-fi & chill out music  (0) 2020.12.15
아이스크림 RIP.  (0) 2020.12.05
블로그 이미지

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

레고가 좋고~ PBL 매력에 빠졌으며~ 취미로 개발하는 두리둥실

,

오산 까마귀

일상다반사 2021. 1. 9. 18:20

집 주소는 평택이지만,
오산과 가깝다.

 

원래 까마귀 산이라
지명이 오산이다.

 

이놈들이 순회 공연하듯이
요즘 여기저기서 나타난다.

시내에선 똥테러!

 

논바닥 까마귀 떼

어쨋든,
까마귀떼 샷이다.

 

좋은 일들이 떼로 왔으면 좋겠다^^.

반응형

'일상다반사' 카테고리의 다른 글

5초의 법칙(The 5 Second Rule) 멜 로빈스  (0) 2021.01.14
직접 찍은 불멍 영상  (0) 2021.01.10
Lo-fi & chill out music  (0) 2020.12.15
아이스크림 RIP.  (0) 2020.12.05
아이패드 프로 2세대 중고 구입 - 당근  (1) 2020.12.04
블로그 이미지

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

레고가 좋고~ PBL 매력에 빠졌으며~ 취미로 개발하는 두리둥실

,

어렵지 않게 LED를 설치했다.

 

LED KIT를 이용한 거라
힘이 들지는 않는다.
대신 돈이 든다--.--.

 

집에 있는 RGB LED를 달으면
좋은데, 크기가 맞지 않는다.

스폿 조명등 몇 개만 달아도
분위기가 다를 거 갔다^^.

 

LED KIT 박스에 이런 문구가 있다.

 

And God said, Let there be light, and there was light.

 

어쨌든!
오래된 낚시 가게 & LED KIT 추천한다.

LED가 추가된 오래된 낚시 가게

 

반응형
블로그 이미지

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

레고가 좋고~ PBL 매력에 빠졌으며~ 취미로 개발하는 두리둥실

,

오랜만에 호환 레고인
'오래된 낚시 가게'를 조립해 봤다.

 

겉으로 봐서는 별거 없는 것처럼
보인다.  2000 정도의 피스인데
정말!!

 

그런데 하나하나 조립해 나가면서
괜찮은 제품이라는 걸 느끼게 된다.

 

테크닉이 아니라 조립이 편하고,
아가 자기 한 소품들이 꽤 있어서 좋고,
책상 한구석에 전시해 놔도 좋다.

 

그리고 LED를 설치하면 꽤 분위기를
뿝어내는 제품이다.
'오래된 낚시 가게'용 LED KIT은
이미 구매해 놨다. 

 

오래된 낚시가게

호환 레고는 당연하지만 정품 레고에
비해 품질은 많이 떨어지는 편이다.

 

그러나! 이 제품은 내가 지금까지
조립해본 것중에 제일 좋다. 

 

추천!

반응형
블로그 이미지

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

레고가 좋고~ PBL 매력에 빠졌으며~ 취미로 개발하는 두리둥실

,

라즈베리파이 관련 책 2권 읽기

사물인터넷을 위한 리눅스 프로그래밍 with 라즈베리파이
아두이노처럼 사용하는 라즈베리파이 3 직접 코딩하기

책을 읽으면서 실습한 부분들을 기록해 보려고 한다. 리눅스 프로그래밍은 해본 적이 없어서 진행이 더디겠지만, 조금 시간이 걸리더라도 결국은 목표를 이룰 것이다.

 

프로젝트 기간을 두는 이유

 기간 안에 프로젝트를 완료하기 위함보다는 진행이 느려지지 않게 하기 위해서다.

 

기록하는 이유

 배우는 자주 종종 사용하지 않으면 기억에서 지워진다. 빠르게 기록물을 본다면 금방 기억날 것이다.

 

계획

  1. 리눅스 기본 명령어 및 주요 명령어 익히기
    • 기본 명령어
      • ls, clear, echo, cp, rm, mv, in, cd, mkdir, rmdir, pwd, date, dirs, pushd, popd, cat, more, wc, man, apropos, which, find, grep, adduser, sudo, su, who
    • 주요 명령어
      • wall, logout, dmesg, chmod, chown, chgrp, passwd, du, df, free, mount, ps, kill, top, fg, bg, sync, cal, tar, comporess, halt, reboot, poweroff, startx, telnet, ftp, apt-get, apt-cache
  2. 작성 중......
  3. ......

이 페이지는 항상 업데이트 될 것이다.

반응형
블로그 이미지

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

레고가 좋고~ PBL 매력에 빠졌으며~ 취미로 개발하는 두리둥실

,
비밀번호는 기억 저편 어디에......

며칠전에 핸드폰을 어디다 두었는지 생각이 안나서 안드로이드 핸드폰 찾기를 했는데!

 

'뭐지?? 내가 노트10이 있었었나??'

'뭐지?? 왜 노트10의 위치가 관악산이 있지??'

'내 구글 계정이 해킹 됐나??'

 

혹시나 해서 비밀번호 변경과 함께 계정을 잠궈 버렸다. 그랬더니 내가 사용하는 LDplayer가 잠겼다 --.--. 이런 내가 쓰고 있던 LDplayer가 노트10으로 되어 있었구나...... 일단 변경된 비밀번호로 LDPlayer를 사용했는데...... 그런데......

 

다음날이 되자 변경한 비밀번호가 생각이 안나는 것이였다......

어찌할 방법이 없어서 그냥 LDplayer 삭제!

반응형
블로그 이미지

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

레고가 좋고~ PBL 매력에 빠졌으며~ 취미로 개발하는 두리둥실

,

라즈베리파이를 이용하여 이것저것 해볼 때 터미털 창에 표시되는 명령어 또는 출력물들을 웹페이지에 넣어야 한다. 스크린 캡처는 보는 것은 좋지만, COPY & PASTE는 할 수 없고 텍스트만 넣으면 그 반대의 상황이 된다. 

 

이럴 땐 자바스크립트(with jQuery & CSS)로 만들어진  -> CSSTerm <-를 이용하면 된다.

$ uname -a Linux ThinkPad-X230.localdomain 3.9.6-301.fc19.x86_64 #1 SMP Mon Jun 17 14:26:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux # dmesg | grep sd [135587.413741] sd 27:0:0:0: Attached scsi generic sg1 type 0 [135587.416697] sd 27:0:0:0: [sdb] 2007040 512-byte logical blocks: (1.02 GB/980 MiB) [135587.418130] sd 27:0:0:0: [sdb] Write Protect is off [135587.418140] sd 27:0:0:0: [sdb] Mode Sense: 03 00 00 00 [135587.418944] sd 27:0:0:0: [sdb] No Caching mode page present [135587.418947] sd 27:0:0:0: [sdb] Assuming drive cache: write through [135587.423205] sd 27:0:0:0: [sdb] No Caching mode page present [135587.423211] sd 27:0:0:0: [sdb] Assuming drive cache: write through [135587.424119] sdb: sdb1 sdb2 [135587.428088] sd 27:0:0:0: [sdb] No Caching mode page present [135587.428094] sd 27:0:0:0: [sdb] Assuming drive cache: write through [135587.428098] sd 27:0:0:0: [sdb] Attached SCSI removable disk [135588.336077] SELinux: initialized (dev sdb1, type iso9660), uses genfs_contexts # mkfs.ext4 /dev/sdb1 mke2fs 1.41.12 (17-May-2010) Filesystem label= OS type: Linux Block size=4096 (log=2) Fragment size=4096 (log=2) Stride=0 blocks, Stripe width=0 blocks 245280 inodes, 979456 blocks 48972 blocks (5.00%) reserved for the super user First data block=0 Maximum filesystem blocks=1006632960 30 block groups 32768 blocks per group, 32768 fragments per group 8176 inodes per group Superblock backups stored on blocks: 32768, 98304, 163840, 229376, 294912, 819200, 884736 Writing inode tables: done Creating journal (16384 blocks): done Writing superblocks and filesystem accounting information: done This filesystem will be automatically checked every 20 mounts or 180 days, whichever comes first. Use tune2fs -c or -i to override.

 

설치 가이드를 보면 <head></head> 안에 css와 js를 코드를 넣고, 관련 파일을 복사한 후에 사용하면 된다. 하지만 가이드처럼 티스토리에 적용을 하려고 하니, 적용이 되지 않았다.

 

'나 자바스크립트 잘 모르고, jQuery도 모르는데 ㅠㅠ'

 

관련 파일들이 로드되면서 충돌이 있는 거 같다. 그래서 필요한 속성들을 사용할 수가 없다. 그래서 <head></head> 부분이 아닌 마지막 부분에 필요한 코드를 넣었더니 잘 동작하였다.

 

p.s 이보다 좋은 해결 방법이 있다면 댓글로 알려 주세요. ^^/

 

반응형
블로그 이미지

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

레고가 좋고~ PBL 매력에 빠졌으며~ 취미로 개발하는 두리둥실

,

삶의 즐거움 - 논어


삶의 즐거움 글씨 연습

항상 마음속에
두고 행동으로
옮기고 싶은 글이다.

 

논어 처음에
나와 있는 글!

 

내년엔 글대로
실천하는 삶을
살아야겠다.

반응형
블로그 이미지

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

레고가 좋고~ PBL 매력에 빠졌으며~ 취미로 개발하는 두리둥실

,

당근마켓에서 겟한 라즈베리파이4


 

구입한 목록

판매자가 코딩 교육용으로
구매한 것을 전부
내가 구매 했다.

 

라즈베리파이4
마이크로SD 32G
케이스
전원 아답터
카메라
터치스크린
그리고
KEYES의 LEARNING KIT

 

다행히도 전부
잘 동작한다.

 

구동 가능하게 셋팅한 라즈베리파이4

이미 OS가 설치된 SD카드가 있어서
부팅을 해봤다.

 

WIFI가 안되서
나라를 US로 바꾸고
한글 입력이 안되서
입력 초기 설정 바꿨다.

 

원격 접속을 하기 위해
XDRP를 설치 후
연결 시도를 했는데
패스워드가 틀려서
연결이 되지 않았다.

 

판매자한테 연락할까 하다가
다시 설치는 시간이 걸려서
패스워드 초기화
하면 방법을 찾아
초기화 해줬다.

 

모니터 & 마우스 & 키보드
없이 전원만 넣고
원격접속을 이용해서
라즈베리파이4를
사용가능한 상태가 됐다.

 

라즈베리파이를
이용해서 해보고 싶은 것은
NAS,
SMART MIRROR(MAGIC MIRROR),
사물 인터넷이다.

이것 만으로도
내년 한 해를 재미있게
보낼 수 있을거 같다.

 

 

반응형
블로그 이미지

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

레고가 좋고~ PBL 매력에 빠졌으며~ 취미로 개발하는 두리둥실

,