[아두이노#273] (NODERED#9) UI심화/밸류/오브젝트/리스트/콧수염문법/로컬패스/이미지넣기 (아두이노와 시리얼통신을 이용한 시리즈/녹칸다/포로리야공대가자)
프로그래밍/노드레드(node-red) 2021. 5. 31. 22:50
(NODERED#9) UI심화/밸류/오브젝트/리스트/콧수염문법/로컬패스/이미지넣기 (아두이노와 시리얼통신을 이용한 시리즈/녹칸다/포로리야공대가자)
-녹칸다의 윈도우버전 NODERED를 아두이노와 시리얼포트로 연결해서 활용해보는 시리즈이다!
-이번 시리즈는 향후 라즈베리파이에서 NODERED를 활용할때 참조자료로 활용한다!
-참고로 녹칸다는 NODERED를 잘하지는 못하고 흥미유발을 위한 기본적인 기능만 사용할 예정이다!
-NODERED를 활용하면 웹서버가 생성되고 스마트폰을 이용해서 아두이노와 소통할 수 있는 예제를 간단히 구현할 수 있다!(웹UI를 제공한다)
-더 수준높은 기능을 구현하려면 직접 찾아보고 응용해보면 될 것같다!(진입장벽을 낮춰주고자 하는 것이다!)
-이번편은 약간더 고급스럽게 node-red를 활용해보기 위해서 상향된 수준의 문법과 기능을 설명해보고자 한다!
-9편 이후로 진행되는 시리즈는 이전 보다는 조금더 기능의 수준을 높인다는 의미이다!
-javascript에서 여러가지 data type일때 node-red가 어떻게 대응하면 좋을지 알아보자!
-콧수염문법(mustache)에 대해서 알아보고 어떤 전략으로 활용하면 좋을지 알아보자!
-PC에서 돌아가는 node-red 웹서버의 root directory를 어떻게 설정하고 뭘 활용하면 좋을지 알아보자!
-(이름이 어려워보여서 그렇지 node-red는 웹서버이다)
-node-red로 구성한 웹UI에 이미지를 넣어보고 특정한 버튼을 눌렀을때 이미지가 변경되도록 해보자!
