raspberry pi 4 usbcamera practice

📊 USB 카메라와 온습도 센서를 활용한 Node-RED 대시보드 구현 보고서

---

목차 📑

• 1. 개요 📝
• 2. 하드웨어 구성 🛠️
• 3. USB 카메라 설정 및 테스트 📸
• 4. Node-RED 구성 🔧
• 5. 대시보드 구현 📱
• 6. 구현 결과 ✨
• 7. 결론 🎯

---

1. 개요 📝

본 보고서는 Raspberry Pi에 USB 카메라와 온습도 센서를 연결하여 Node-RED 기반 대시보드를 구현한 내용을 담고 있습니다.

2. 하드웨어 구성 🛠️

2.1 하드웨어 연결도

3. USB 카메라 설정 및 테스트 📸

3.1 필수 소프트웨어 설치 💿

sudo apt-get install fswebcam

3.2 카메라 연결 확인 ✅

v4l2-ctl --list-devices

• 이 명령어로 현재 연결된 USB 카메라의 장치 번호 확인 가능

3.3 카메라 테스트 🔍

fwsebcam -d /dev/video0 test_image.jpg

• 카메라가 찍고있는 이미지가 테스트파일에 잘 저장됨!

4. Node-RED 구성 🔧

4.1 필요 노드 설치 📦

• USB 카메라 및 이미지 프리뷰 기능 노드 설치

4.2 전체 노드 구성도 🔄

5. 대시보드 구현 📱

5.1 온습도 센서 대시보드 🌡️

온습도 차트 대시보드 구성

5.2 USB 카메라 대시보드 📹

5.2.1 노드 설정 ⚙️

usb 카메라 노드 구성

5.2.2 이미지 처리 설정 🖼️

image preview 노드 구성

5.2.3 HTML 템플릿 설정 💻

• base64 노드

action을 Buffer <-> base64로 설정하기

• 주황색 탬플릿 노드

템플릿 노드 HTML구문으로 수정한 뒤 해당 내용삽입

<img src="data:image/jpeg;base64,{{payload}}" alt="Image" style="max-width: 100%;">

• 파란색 탬플릿 노드

6. 구현 결과 ✨

6.1 PC 화면 🖥️

6.2 모바일 화면 📱

7. 결론 🎯

구현된 대시보드는 PC와 모바일 사이즈 모두에서 반응형으로 정상 작동하는 것을 확인하였습니다. 실제 스마트폰에서 모바일에서는 접근했을때 네트워크 오류가 뜨는데 그 이유는 아직 확인못해봤습니다.

8. 문제해결

• 같은 이름의 노트북 핫스팟에 모바일 wifi가 연결되어야 되고, ufw 방화벽 설치 후 방화벽설정을 해야 모바일접속이 가능해집니다.
• 방화벽 설치

sudo apt-get install ufw

• 1880 포트 방화벽 설정

sudo ufw allow 1880/tcp