마지막 웹 페이지는 chart.js를 이용해서 멋들어지게 만들고 싶었으나, 프론트는 정말 마지막의 마지막에 완성하면서 하려고 한다. 그래서!!! 이번 글에서는 4. 웹으로 아두이노 데이터 보내기 를 마무리로 해보겠다. 저번 3. 아두이노에서 보내는 데이터는 다른 이름의 socket으로 보내기 에 이어서 웹으로 다른 이름의 socket을 만들어줬다. // index.html의 script부분 html부분에는 div태그 안에 p태그가 있고 그 부분에 온도 값을 표시해주려고 한다. 아두이노에서 랜덤한 값을 데이터로 보내주고, 웹에서 사용하는 'temp'라는 소켓으로 데이터를 보내주기 위해 잠깐 아두이노 코드를 수정해줬다. // Arduino안의 함수 void socketIOEvent(socketIOmessag..

이번 주말에는 일이 있어서 공부를 하나도 못했다. 저번 글 이후로 Socket.io를 계속 공부했었는데 Socket.io는 꾸준히, 탄탄하게 개발되고 있는 좋은 프로젝트 같다. 이번 글에서는 2. Sever에서 DB에 데이터 보내기 3. 아두이노에서 보내는 데이터는 다른 이름의 socket으로 보내기 4. 웹으로 아두이노 데이터 보내기 중에서 2. Sever에서 DB에 데이터 보내기 3. 아두이노에서 보내는 데이터는 다른 이름의 socket으로 보내기 를 해보겠다. 첫 번째 문제점은 서버에서 아두이노로 데이터를 요청할 때, setInterval()말고는 대안이 없었다는 것이었다. 근데 이 setInterval()을 함수로 만들어서 사용하게 되면 setInterval()을 마구 호출했을 때 마치 여러 함수..

마지막 챕터인 4번째 챕터다 이번 글의 목표는 4. DB에서 소켓 기록 확인 이지만 복잡한 구성이기 때문에 또다시 잘게 쪼개면, 1. DB 생성 후 CRUD구성 2. Sever에서 DB에 데이터 보내기 3. 아두이노에서 보내는 데이터는 다른 이름의 socket으로 보내기 4. 웹으로 아두이노 데이터 보내기 이렇게 나눠놨었다. 오늘은 node.js를 이용하고 mariaDB와 연동되는 DB CRUD를 해보겠다. 필자는 mariaDB 설치 후 HeidiSQL을 이용해서 테스트를 진행했다. mysql을 사용하지 않은 이유는 나중에 상업적으로 사용할 수도 있고, 버전에 따른 오류가 너무 많이 나서 중간에 mariaDB로 갈아탔다. 시간이 2배로 걸렸다!!!!! 화남 화남 mariaDB는 https://mariad..