본문 바로가기

추천 검색어

실시간 인기 검색어

New P5.js & 아두이노 연동

누구나 코딩 아티스트 9
김성일 지음
코딩북스

2023년 08월 15일 출간

(개의 리뷰)
( 0%의 구매자)
eBook 상품 정보
파일 정보 pdf (20.41MB)
ISBN 9791198184665
지원기기 교보eBook App, PC e서재, 리더기
교보eBook App 듣기(TTS) 가능
TTS 란?
텍스트를 음성으로 읽어주는 기술입니다.
  • 전자책의 편집 상태에 따라 본문의 흐름과 다르게 텍스트를 읽을 수 있습니다.
  • 이미지 형태로 제작된 전자책 (예 : ZIP 파일)은 TTS 기능을 지원하지 않습니다.

PDF 필기가능 (Android, iOS)
  • sam 무제한 이용가능
  • sam 프리미엄 이용가능

이 상품은 배송되지 않는 디지털 상품이며,
교보eBook앱이나 웹뷰어에서 바로 이용가능합니다.

작품소개

이 상품이 속한 분야

전공 불문 코딩 입문자, S/W 및 H/W를 연동하고 싶은 자를 위한 책

미래의 교육방식으로 흔히 STEM 교육을 말합니다. 즉, 과학(Science), 기술(Technology), 공학(Engineering), 수학(Mathematics)을 융합한 교육을 의미합니다. P5.js(→프로세싱의 웹 버전)와 아두이노는 원래 코딩에 익숙하지 않은 디자인이나 예술 전공의 학생들을 위하여 각각 시각적, 물리적 상호 작용에 중점을 둔 S/W 및 H/W 코딩 언어로 탄생하였습니다. 그러므로 P5.js와 아두이노는 STEM에 인문학과 예술을 의미하는 Art를 더한 STEAM 교육에 적합한 코딩 언어입니다.

Art 즉, 인문학과 예술은 인간의 창의성을 개발할 수 있는 수단으로서 인간만이 가능한 의미 있는 영역이라고 말할 수 있을 뿐만 아니라 창의적인 교육의 핵심 요소 중 하나입니다. 그 이유로, 인문학과 예술에는 해답이 하나 이상 또는 해답이 없는 문제가 대부분이므로 창의적인 사고가 무엇보다 필요하기 때문입니다. 창의적 사고를 촉진하는 교육 효과를 누리는 동시에 과학, 기술, 공학, 수학과 예술 사이의 절묘한 접점을 직접 체험하고 싶다면 P5.js와 아두이노를 연동한 피지컬 컴퓨팅(Physical Computing)으로 시작하는 것은 좋은 선택이 될 수 있습니다. P5.js와 아두이노를 배우는 과정은 이러한 융합과 창의의 핵심을 체득하는 시간이 될 것입니다. 그리고 무엇보다 재미있습니다.^^ For Fun!
01 시작
1.1 코딩과 피지컬 컴퓨팅 16
1.2 p5.js란? 21
1.2.1 p5.js 개요 21
1.2.2 웹 에디터에서 코딩 24
1.2.3 비주얼 스튜디오 코드에서 코딩 29
【심화1.1】 p5.js와 프로세싱의 차이점 34
1.3 아두이노란? 38
1.3.1 아두이노 개요 38
1.3.2 아두이노에서 코딩 40

02 표현
2.1 p5.js: 표현 48
2.1.1 캔버스의 크기 48
2.1.2 점과 선의 표현 52
【심화2.1】 함수의 사용법 검색 54
2.1.3 원과 사각형의 표현 55
【심화2.2】 원과 사각형을 그릴 때의 기준점 설정 56
2.1.4 문자의 표현 57
2.1.5 색상의 표현 59
【심화2.3】 2진수 & 16진수 61
【심화2.4】 비트(Bit) & 바이트(Byte) 62
2.1.6 원호의 표현 66
2.2 아두이노: 표현 69
2.2.1 입·출력 부품 69
2.2.2 입·출력 부품의 핀번호 설정 70
2.2.3 LED 점멸 72

03 변수
3.1 p5.js: 변수 77
3.1.1 변수 선언과 초기화 77
【심화3.1】 p5.js 또는 자바스크립트의 키워드(Keyword) 80
3.1.2 변수와 연산 81
【심화3.2】 유니코드(Unicode) & 아스키코드(ASCII Code) 84
【심화3.3】 p5.js의 문자 표현 86
【심화3.4】 콘솔창 사용 89
【심화3.5】 콘솔창 사용 시 유의점 및 사용 예 91
【심화3.6】 폰트 설정 방법 93
【심화3.7】 데이터형 총정리 94
【심화3.8】 var & let & const 99
【심화3.9】 컬러 표현 102
3.1.3 변수 기반 움직임 표현 104
3.1.4 전역변수와 지역변수 111
3.1.5 시스템 변수와 다양한 움직임 구현 114
【심화3.10】 frameRate() & frameRate(프레임수) 116
3.2 아두이노: 변수 125
3.2.1 시리얼 모니터에서 아두이노 송신값 확인 125
【심화3.11】 p5.js와 아두이노의 비교: 기본 데이터형 130
3.2.2 변수 기반 다양한 부품의 특성 확인 133
【심화3.12】 const와 #define 비교 135
【심화3.13】 팅커캐드(Tinkercad) 135
【심화3.14】 초음파센서로 거리 구하기 156
3.2.3 전체 회로도 157
3.2.4 변수 기반 제어 159
【심화3.15】 p5.js와 아두이노의 차이: map() 160
【심화3.16】 아두이노의 입·출력 함수 정리 167
【심화3.17】 부저의 tone() 함수와 서보모터 사용 시 유의사항 169

04 조건
4.1 p5.js: 조건 172
4.1.1 if문 172
【심화4.1】 비교 연산자 보충 174
4.1.2 if-else문 180
4.1.3 <if-else if>문 181
4.1.4 if문과 시스템 변수 183
4.1.5 중첩 if문 190
4.1.6 switch문 193
4.2 아두이노: 조건 196
4.2.1 if문, if-else문 196
【심화4.2】 p5.js와 아두이노의 차이: boolean 199
【심화4.3】 p5.js와 아두이노의 차이: if문 201
【심화4.4】 채터링(Chattering) 208
4.2.2 <if-else if>문 217
4.2.3 중첩 if문 218
4.2.4 switch문 221

05 반복
5.1 p5.js: 반복 228
5.1.1 for문 228
5.1.2 while문, do-while문 232
5.1.3 for문과 상호작용 235
5.1.4 중첩 for문 237
5.2 아두이노: 반복 239
5.2.1 for문 239
【심화5.1】 아두이노와 p5.js의 형변환 및 문자열 더하기 246
5.2.2 while문, do-while문 248
5.2.3 중첩 for문 249

06 배열
6.1 p5.js: 배열 254
6.1.1 1차원 배열 254
6.1.2 배열과 반복문 259
6.1.3 2차원 배열 267
6.2 아두이노: 배열 270
6.2.1 1차원 배열 270
6.2.2 배열과 반복문 272
【심화6.1】 p5.js와 아두이노의 차이: 배열 273
6.2.3 2차원 배열 285

07 함수
7.1 p5.js: 함수 288
7.1.1 함수 유형 288
7.1.2 함수 유형1 291
7.1.3 함수 유형2 292
7.1.4 함수 유형3 295
7.1.5 함수 유형4 299
【심화7.1】 함수 만들기 연습 302
7.1.6 이벤트 함수 303
7.2 아두이노: 함수 310
7.2.1 함수 유형1 310
7.2.2 함수 유형2 312
7.2.3 함수 유형3 315
7.2.4 함수 유형4 316
【심화7.2】 P5.js와 아두이노의 함수 유형 비교 318
7.2.5 함수 유형 응용 321
【심화7.3】 p5.js와 아두이노의 차이: random() 329
【심화7.4】 p5.js와 아두이노의 차이: randomSeed() 330

08 비트
8.1 비트 연산 337
【심화8.1】 진수 변환 339
【심화8.2】 논리연산자 & 비트연산자 342
【심화8.3】 p5.js의 비트 연산 343
8.2 비트 처리 345

09 시리얼 통신
9.1 시리얼 통신 356
【심화9.1】 시리얼(Serial) 통신 360
9.2 문자 송·수신 361
9.3 문자열 송·수신 364
【심화9.2】 수신 문자열에서 정수 추출 368
9.4 정수 송·수신 370

10 P5.js→아두이노
10.1 연동 실습을 위한 준비 383
【심화10.1】 시리얼 통신 라이브러리 파일(p5.webserial.js) 업로드 방법 385
【심화10.2】 연동 시 주의사항 및 실행 순서 388
10.2 정수 송·수신1 390
【심화10.3】 폴링 방식에서 while문 & if문 400
【심화10.4】 p5.js에서의 송신 빈도 조절: frameRate() 408
10.3 정수 송·수신2 409
【심화10.5】 아두이노에서 정숫값 수신 시 데이터형 417
【심화10.6】 숫자를 표현하는 다양한 메소드 417
10.4 문자열 송·수신 419
10.5 복수 데이터 송·수신 423
【심화10.7】 findUntil() 432

11 아두이노→P5.js
11.1 정수 송·수신1 436
【심화11.1】 p5.WebSerial 라이브러리의 이벤트 444
【심화11.2】 아두이노에서의 송신 빈도 조절: delay() 446
【심화11.3】 Serial.write() & Serial.print() 비교 449
11.2 정수 송·수신2 452
11.3 문자열 송·수신 464
11.4 센서값 분리 송·수신 469
【심화11.4】 highByte() & lowByte() 479
11.5 복수 센서값 송·수신1 480
11.6 복수 센서값 송·수신2 490
11.7 파일 처리 498
【심화11.5】 파일 끌어당겨 놓기(Drag & Drop) 513
【심화11.6】 p5.js의 시간 관련 함수 514
【심화11.7】 아스키코드값 확인 515

12 아두이노↔P5.js
12.1 P5.js→아두이노 핸드쉐이킹 520
【심화12.1】 핸드쉐이킹 방식의 특징 531
12.2 아두이노→P5.js 핸드쉐이킹 536
【심화12.2】 핸드쉐이킹 방식에서 port.readLine() 사용 시 유의점 556
【심화12.3】 시리얼 통신에서 문자열 송·수신의 장·단점 557
12.3 아두이노↔P5.js 핸드쉐이킹 558
【심화12.4】 p5.WebSerial과 아두이노의 송·수신 메소드 비교 572
【심화12.5】 p5.WebSerial & p5.SerialPort 576
【심화12.6】 캔버스 크기 최대 설정 579
【심화12.7】 아두이노 & p5.js 언어 비교 580

마무리
마무리 586

[1] 시리얼 통신 기반 가상(P5.js)과 현실(아두이노)을 연동
P5.js와 아두이노의 핵심 공통분모 다섯 가지(변수, 조건, 반복, 배열, 함수)에 집중하여 구성하였고 시리얼 통신으로 연동함으로써 상상을 현실로 구현합니다.

[2] 동적, 시각적, 물리적 놀이를 통한 자연스러운 학습
시각적, 물리적 출력으로 코딩 학습을 쉽고 빠르고 재미있게∼! 연동을 통해 기존의 S/W 코딩과 H/W 코딩의 한계를 뛰어넘어 초보자도 S/W 및 H/W 코딩에 친숙해질 수 있도록 도와줍니다.

[3] 쉬운 코딩 환경, 간결한 코딩 문법
쉬운 코딩 환경과 간결한 문법을 이용해 동적, 시각적, 물리적 결과물을 쉽게 도출함으로써 코딩하는 재미가 살아있습니다!

[4] 실전 코딩이 우선! 이론은 따라오는 것
기존 대다수의 코딩 서적들이 따르는 방식인 이론 설명 후 코드를 소개하는 방식이 아니라, 질문의 [예제]를 우선 실행해 보고 코드 [설명]으로 의미를 확인한 후, 예제를 [수정]해 보며 코딩의 원리를 재확인할 수 있도록 설계하였습니다. 즉, [예제] → [설명] → [수정]

[5] 블랜디드 러닝에 최적화된 구성
전체적인 흐름을 빠르게 파악하고 싶다면 [예제]→[설명] 순으로 실습합니다. 전체적인 흐름을 파악한 후 내실을 다지고 싶다면 [수정]→[심화] 순으로 실습합니다!

소스코드 다운로드: www.codingbooks.co.kr
관련 동영상: YouTube “코딩아티스트”

북 트레일러

작가정보

저자(글) 김성일

자연언어(일본어, 중국어, 영어, 한국어)와 컴퓨터언어(C, C++, Java, JavaScript, Python, Processing, P5.js 등), 그리고 S/W와 H/W 연계 교육에 관심이 많습니다. 음성인식 관련 논문으로 박사 학위를 받았으며 현재 경남대학교 전자SW공학과에 재직 중입니다.

이 상품의 총서

Klover리뷰 (0)

Klover리뷰 안내
Klover(Kyobo-lover)는 교보를 애용해 주시는 고객님들이 남겨주신 평점과 감상을 바탕으로, 다양한 정보를 전달하는 교보문고의 리뷰 서비스입니다.
1. 리워드 안내
구매 후 90일 이내에 평점 작성 시 e교환권 100원을 적립해 드립니다.
  • - e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • - 리워드는 1,000원 이상 eBook, 오디오북, 동영상에 한해 다운로드 완료 후 리뷰 작성 시 익일 제공됩니다. (5,000원 이상 상품으로 변경 예정, 2024년 9월 30일부터 적용)
  • - 리워드는 한 상품에 최초 1회만 제공됩니다.
  • - sam 이용권 구매 상품 / 선물받은 eBook은 리워드 대상에서 제외됩니다.
2. 운영 원칙 안내
Klover리뷰를 통한 리뷰를 작성해 주셔서 감사합니다. 자유로운 의사 표현의 공간인 만큼 타인에 대한 배려를 부탁합니다. 일부 타인의 권리를 침해하거나 불편을 끼치는 것을 방지하기 위해 아래에 해당하는 Klover 리뷰는 별도의 통보 없이 삭제될 수 있습니다.
  • 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
  • 도서와 무관한 내용의 리뷰
  • 인신공격이나 욕설, 비속어, 혐오 발언이 개재된 리뷰
  • 의성어나 의태어 등 내용의 의미가 없는 리뷰

구매 후 리뷰 작성 시, e교환권 100원 적립

문장수집

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여 주는 교보문고의 새로운 서비스 입니다. 교보eBook 앱에서 도서 열람 후 문장 하이라이트 하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 ‘좋아요’ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보없이 삭제될 수 있습니다.
리워드 안내
  • 구매 후 90일 이내에 문장 수집 등록 시 e교환권 100원을 적립해 드립니다.
  • e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • 리워드는 1,000원 이상 eBook에 한해 다운로드 완료 후 문장수집 등록 시 제공됩니다. (5,000원 이상 eBook으로 변경 예정, 2024년 9월 30일부터 적용)
  • 리워드는 한 상품에 최초 1회만 제공됩니다.
  • sam 이용권 구매 상품 / 선물받은 eBook / 오디오북·동영상 상품/주문취소/환불 시 리워드 대상에서 제외됩니다.

구매 후 문장수집 작성 시, e교환권 100원 적립

    교보eBook 첫 방문을 환영 합니다!

    신규가입 혜택 지급이 완료 되었습니다.

    바로 사용 가능한 교보e캐시 1,000원 (유효기간 7일)
    지금 바로 교보eBook의 다양한 콘텐츠를 이용해 보세요!

    교보e캐시 1,000원
    TOP
    신간 알림 안내
    New P5.js & 아두이노 연동 웹툰 신간 알림이 신청되었습니다.
    신간 알림 안내
    New P5.js & 아두이노 연동 웹툰 신간 알림이 취소되었습니다.
    리뷰작성
    • 구매 후 90일 이내 작성 시, e교환권 100원 (최초1회)
    • 리워드 제외 상품 : 마이 > 라이브러리 > Klover리뷰 > 리워드 안내 참고
    • 콘텐츠 다운로드 또는 바로보기 완료 후 리뷰 작성 시 익일 제공
    감성 태그

    가장 와 닿는 하나의 키워드를 선택해주세요.

    사진 첨부(선택) 0 / 5

    총 5MB 이하로 jpg,jpeg,png 파일만 업로드 가능합니다.

    신고/차단

    신고 사유를 선택해주세요.
    신고 내용은 이용약관 및 정책에 의해 처리됩니다.

    허위 신고일 경우, 신고자의 서비스 활동이 제한될 수
    있으니 유의하시어 신중하게 신고해주세요.


    이 글을 작성한 작성자의 모든 글은 블라인드 처리 됩니다.

    문장수집 작성

    구매 후 90일 이내 작성 시, e교환권 100원 적립

    eBook 문장수집은 웹에서 직접 타이핑 가능하나, 모바일 앱에서 도서를 열람하여 문장을 드래그하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다.

    P.
    New P5.js & 아두이노 연동
    누구나 코딩 아티스트 9
    저자 모두보기
    저자(글)
    낭독자 모두보기
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 프리미엄 이용권입니다.
    선물하실 sam이용권을 선택하세요.
    결제완료
    e캐시 원 결제 계속 하시겠습니까?
    교보 e캐시 간편 결제
    sam 열람권 선물하기
    • 보유 권수 / 선물할 권수
      0권 / 1
    • 받는사람 이름
      받는사람 휴대전화
    • 구매한 이용권의 대한 잔여권수를 선물할 수 있습니다.
    • 열람권은 1인당 1권씩 선물 가능합니다.
    • 선물한 열람권이 ‘미등록’ 상태일 경우에만 ‘열람권 선물내역’화면에서 선물취소 가능합니다.
    • 선물한 열람권의 등록유효기간은 14일 입니다.
      (상대방이 기한내에 등록하지 않을 경우 소멸됩니다.)
    • 무제한 이용권일 경우 열람권 선물이 불가합니다.
    이 상품의 총서 전체보기
    네이버 책을 통해서 교보eBook 첫 구매 시
    교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 네이버 책을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)
    구글바이액션을 통해서 교보eBook
    첫 구매 시 교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 구글바이액션을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)