본문 바로가기

분류 전체보기232

000. Vue.js란? Vue란 무엇인가? 사용자 인터페이스를 만들기 위한 Progressive(점진적) 프레임워크 입니다. 다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있습니다. 또한 명시적 렌더링(코어 라이브러리) + 컴포넌트 기반 + 클라이언트 사이드 라우팅(프레임워크 기능) + 상태관리 + 빌딩 시스템을 할 수 있습니다. Vue의 장점 배우기가 쉽다, 리액트와 앵귤러에 비해 성능이 우수하고 빠릅니다. 리액트의 장점과 앵귤러의 장점을 갖고 있습니다. 데이터 바인딩 + 가상 돔(Virtual DOM) Vue.js에서 사용하는 용어 설명 View, 화면 : 사용자에게 보이는 화면, 브라우저를 만나서 보여지는 최종적인 화면 DOM : HTML 문서에 들어가는요소 ex) 태그, 클래스, 속성 등 DOM Liste.. 2019. 11. 20.
Raspberrypi에 MySQL연동하기 MySQL(Maria DB)설치하기 1. $sudo raspi-config 2. $sudo apt-get install mariadb-server 3. $sudo systemctl restart mariadb.service 4. $sudo mysqladmin -u root password '비밀번호' 실습 초음파센서와 mysql 연결하기 database 설정하기 table 생성 create database sensordb; use sensordb; create table sonic(stamp DATETIME(3) NOT NULL, distance INT); node.js 에서의 MySQL 연동모듈 설치 $npm install mysql 하드웨어 구성 초음파 측정센서 5v - 물리적 2번 GND - 물리적.. 2019. 11. 18.
로터리 엔코더(가변저항기)모듈 로터리 엔코더란 원리는 360도 회전, 회전 운동을 전기적 신호를 출력하는 모듈(가변저항의 원리를 이용) 회전방향과 회전정도에 따라 저항의 값이 달라지는 원리를 이용한 센서 모듈 활용범위는 마우스 휠, 스피커 볼륨, 노브와 같은 곳에서 사용합니다. 예제 코드 로터리 GND = 물리적 6번 5V = 물리적 2번 DT = 물리적 40번 wpi - 29 CLK = 물리적 38번 wpi - 28 코드 구현 const gpio = require('node-wiring-pi'); const DT = 29; const CLK = 28; var rotate = 0; const SenseRotate = function(){ var checked = 0; //오른쪽 핀(DT)가 먼저 접점이 떨어질 경우 while(gpio.. 2019. 11. 18.
실습 임베디드와 REST API를 이용한 LED 제어 실습 문제 조건에 맞도록 원격서버(svr_led.js)와 클라이언트(client_led.js)를 프로그래밍 하시오 조건1 : 서버는 3색 LED를 클라이언트의 요청에 따라서 해당컬러를 켜거나 끈다. 조건2 : 서버는 클라이언트에게 다음의 REST API를 제공한다. 하드웨어 LED G - 물리 : 28 wpi - 21 R - 물리 : 31 wpi - 22 B - 물리 : 33 wpi - 23 소스 코드 svr_led.js const express = require('express'); const gpio = require('node-wiring-pi'); const bodyParser = require('body-parser'); const app = express(); const GREEN = 21; .. 2019. 11. 18.
REST API 예제 REST API란 REpresentaional State Transfer의 줄임말이며 Client가 Server에게 요청하는 4가지 방식입니다. 4가지 Method = POST, GET, PUT, DELETE 4가지 연산 = INSERT, SELECT, UPDATE, DELETE URL : http://x.x.x.x:00000/path1/filename.txt URI : http://x.x.x.x:00000/products/smartphone POST예제 post-server.js const express = require('express'); const bodyParser = require('body-parser'); const app = express(); var mydata = { name : "".. 2019. 11. 17.
실습 사운드센서, 광센서를 웹에 연결시키기 실습문제 조건 1. 아날로그 사운드 센서는 0번채널에, 아날로그 광센서는 1번채널에 연결합니다. 2. SMD 3색 LED는 브래드보드를 이용해서 라즈베리파이와 연결합니다. 3. 광센서에서 아날로그 값(0~4095)에 따라서 LED의 밝기(0~100)를 PWM방식으로 제어합니다. 밝기 정도를 10개 구간으로 나누고 밝은 정도에 따라서 LED의 밝기를 제어합니다. 4. 광센서 아날로그 값을 등급화 할 때, 광센서 ON/OFF를 각각 제어할 수 있어야 합니다. 5. 웹 UI에서 사운드센서 ON/OFF, 광센서 ON/OFF를 각각 제어할 수 있어야 합니다. 6. ctrl+c를 누르면 LED,광센서,사운드센서를 모두 OFF 시킨후 프로그램을 종료합니다. 하드웨어 구성도 MCP3208 왼쪽 ㅁ - 사운드 센서(A).. 2019. 11. 17.

티스토리툴바