반응형 전체 글207 001.아두이노란? 아두이노(Arduino)는 전기로 작동되는 제품이나 프로젝트를 만드는 데에 사용되는 소형 컴퓨터 입니다. 아두이노는 사람이 사는 세상의 환경을 감지하여 어떤 행동을 할 수 있는 기능을 가지고 있습니다. 이런 기능을 이용하여 다음과 같은 제품을 만들어 볼 수 있습니다. 날씨 정보를 체크하여 비가 올 경우 우산을 챙기라는 알람을 스마트폰으로 전송하는 날씨 알림장치 카 시트에 앉아있는 아기의 체온, 몸 기울임 상태를 센서로 측정하여 운전중인 부모의 스마트폰으로 실시간 전송하는 스마트 카 시트 약을 꼭 먹어야 하는 할머니를 위해 정해진 시간에 알람을 주고 정확한 알약 개수를 배출하는 스마트 알약통 어린이 버스에 아이가 혼자 남겨져 있는지 여부를 센서로 체크하여 운전자에게 알려주는 스마트 좌석 장치 시각 장애인의.. 2021. 8. 23. 001. 버튼 누르면 글자가 바뀌는 앱 1.작품 미리보기 Thunkable이라는 사이트에서 이번에 만들 모바일 앱은 "버튼 글자 변경 앱"입니다. 다음의 이미지를 참고해 주세요. 2.Thunkable 앱 개발하기 2.1.구글 로그인하기 Thunkable은 구글 소셜 로그인을 지원하기 때문에, 구글 회원가입 후, 구글 사이트에 로그인을 먼저 진행합니다. 구글 사이트는 www.google.com 2.2.Thunkable 사이트 로그인 하기 Thunkable 사이트를 구글에서 검색하여 들어가, 로그인을 합니다. 2.3.새 프로젝트 만들기 Thunkable 사이트에 로그인이 완료된 후, "Start Building"을 눌러 줍니다. 그러면 아래와 같이 화면이 뜹니다. Project Name은 "change_letters_by_button" 이라고 했.. 2021. 7. 28. 응원버튼 눌러주시면 온라인 코딩 강의가 열릴 수 있습니다. 안녕하세요. 초/중/고 코딩 커리큘럼 2년치를 학원이 아닌 온라인에서 저렴한 가격으로 시간을 아껴가며 배울 수 있게 101클래스에서 강의를 오픈하려고 합니다. 아래 링크로 들어가셔서 "응원하기"버튼을 눌러주시면 강의가 열릴 수 있습니다. 많은 응원 부탁드립니다. 감사합니다. -응원하기 링크: https://class101.app/e/YKD0pRl3SDaB5qp9kziL 클래스101 - 준비물까지 챙겨주는 온라인 클래스 내가 찾던 모든 배움의 시작. 클래스101과 함께 언제 어디서든 즐겨봐요. class101.app 2021. 6. 16. [책 예제용] 앱 이미지 파일 [ 플래피 버드, 스크래치 스프라이트 이미지 ] [ 블루투스 버튼 이미지 ] 2021. 6. 14. [예제 4.1 ~ 4.6 파일] 2021. 5. 28. [부품 구매처] 스크래치&앱 for 아두이노 책에서 다루는 실습을 위한 부품 구매목록과 링크 번호 부품명 개수 구매링크 1 아두이노 우노+USB케이블 1세트 www.devicemart.co.kr/goods/view?no=1245596 2 브레드 보드 1개 www.devicemart.co.kr/goods/view?no=1328148 3 전선(MF) 1세트 www.devicemart.co.kr/goods/view?no=1321195 4 전선(MM) 1세트 www.devicemart.co.kr/goods/view?no=1329628 5 버튼 1개 https://www.devicemart.co.kr/goods/view?no=1310704 6 RGB LED 1개 www.devicemart.co.kr/goods/view?no=1280310 7 I2C LCD .. 2021. 5. 6. [프론트엔드 4] 로그인 페이지 만들기(CSS기초 스타트!) 저번 [프론트엔드 3]에서 HTML기초를 연습했다면, 이제는 HTML로 만든 화면단을 CSS라는 걸로 꾸며보는 실습을 해보겠습니다. 로그인 페이지의 화면단을 하나 만들어 보면서 CSS에 대해 기본적인 감만 잡으시면 오늘 성공하신 겁니다! 아래 실습영상을 보시면 따라해주시면 되겠습니다! 화이팅 ! 2021. 2. 26. [HTML.002] HTML 파일 만드는 방법(Visual Studio Code) [HTML.002] HTML 파일 만드는 방법(Visual Studio Code) 홈페이지의 눈에 보이는 화면 영역은 html/css/javascript 로 코딩을 해야 합니다. 그 중에서 화면 영역의 뼈대 구조를 잡는데 사용하는 HTML의 기초에 대해 연습해 보도록 하겠습니다. [1] 폴더 준비하기 컴퓨터의 아무곳에나 폴더하나를 만들어 주세요. 저는 D드라이브에 web_study라는 폴더를 아래와 같이 만들었습니다. web_study 폴더안에 앞으로 오늘의 실습을 담아둘 폴더인 ex01 폴더를 만들겠습니다. [2] index.html 파일 만들기 vscode의 왼쪽 상단메뉴에서 'File' > 'Open Folder'를 눌러서 아까 만든 ex01폴더를 선택해 줍니다. 그러면 아래 그림 처럼 대문자로 E.. 2021. 2. 23. [HTML.001]Visual Studio Code 설치하기 [HTML.001] Visual Studio Code 설치하기 [1] 웹 페이지 개발이란? 웹 페이지 개발은 다음의 두가지를 만드는 것입니다. 프론트 엔드(Front-End) 백 엔드(Back-End) 프론트 엔드는 홈페이지에서 눈에 보이는 부분을 말합니다. 👀 예를 들면, 버튼, 로고, 이미지 등등 입니다. 💻 백 엔드는 홈페이지에서 눈에 보이지 않는 동작들을 말합니다. 예를 들면, "버튼이 눌리면 이런 동작이 발생해라!" 같은 겁니다.🖱 프론트 엔드와 백 엔드는 모두 코딩! 을 해서 만들어야 합니다. (코딩: 사람이 컴퓨터에게 명령을 입력하는 행위) 이런 코딩을 편하게 하기 위한 환경은 여러가지가 있는데요. 그 중에서도 Visual Studio Code라는 코딩용 에디터가 꽤 좋습니다. [2] 웹페이.. 2021. 2. 16. 이전 1 ··· 20 21 22 23 다음 728x90 반응형
