OLED 디스플레이(SSD1306)에 센서 데이터를 그래프 형태로 시각화하기

안녕하세요! 여러분의 일상에 작은 기술적 재미와 유용함을 더해줄 흥미로운 주제, ‘OLED 디스플레이(SSD1306)에 센서 데이터를 그래프 형태로 시각화하기’에 오신 것을 환영합니다. 이 가이드는 기술에 대한 깊은 지식이 없어도, 누구나 쉽게 센서 데이터를 시각적으로 이해하고 활용할 수 있도록 돕기 위해 작성되었습니다. 작은 화면에서 펼쳐지는 데이터의 마법을 함께 경험해볼 준비가 되셨나요?

OLED 디스플레이와 SSD1306 컨트롤러 이해하기

OLED(Organic Light Emitting Diode) 디스플레이는 자체적으로 빛을 내는 유기 발광 다이오드를 사용하는 디스플레이입니다. 백라이트가 필요 없어 매우 얇고, 전력 소모가 적으며, 높은 명암비와 넓은 시야각을 자랑합니다. 여러분이 휴대폰이나 스마트워치에서 경험하는 생생한 화면이 바로 OLED 기술의 집약체입니다.

이 프로젝트에서 주로 사용될 SSD1306은 이러한 OLED 디스플레이를 제어하는 드라이버 IC의 이름입니다. 일반적으로 128×64 또는 128×32 해상도의 작은 흑백 OLED 모듈에 이 컨트롤러가 내장되어 있습니다. 이 작은 모듈은 마이크로컨트롤러(아두이노, ESP32 등)와 I2C 또는 SPI 통신 방식을 통해 연결되며, 간단한 코딩으로 텍스트, 이미지, 그리고 우리가 목표로 하는 그래프까지 자유롭게 표현할 수 있습니다.

왜 센서 데이터를 그래프로 시각화해야 할까요

우리는 주변 환경의 다양한 데이터를 숫자로 측정할 수 있습니다. 예를 들어, 현재 온도가 25.3도이고 습도가 60%라는 숫자는 정확한 정보입니다. 하지만 이 숫자가 ‘좋은’ 상태인지, ‘나쁜’ 상태인지, 혹은 ‘변화하고 있는’ 상태인지를 한눈에 파악하기는 어렵습니다. 특히 시간이 지나면서 데이터가 어떻게 변하는지 추세를 파악하는 것은 숫자만으로는 거의 불가능합니다.

여기서 그래프 시각화의 중요성이 부각됩니다. 그래프는 복잡한 숫자 데이터를 직관적이고 이해하기 쉬운 형태로 변환해줍니다. 온도가 서서히 올라가는지, 갑자기 떨어지는지, 습도가 일정하게 유지되는지 등을 시각적인 선이나 막대 형태로 보면 변화의 패턴을 즉시 인식할 수 있습니다. 이는 실시간 모니터링이 필요한 상황에서 매우 유용하며, 잠재적인 문제를 조기에 발견하거나 특정 환경 변화에 대한 인사이트를 얻는 데 큰 도움을 줍니다.

프로젝트 시작을 위한 준비물

OLED 디스플레이에 센서 데이터를 그래프로 시각화하는 프로젝트를 시작하기 위해 필요한 기본적인 준비물은 다음과 같습니다.

필수 준비물

OLED 디스플레이 모듈 (SSD1306 기반): 128×64 해상도의 I2C 방식 모듈을 추천합니다. 가장 흔하고 다양한 라이브러리를 지원합니다.

마이크로컨트롤러: 아두이노 우노(Arduino Uno), ESP32, ESP8266, 라즈베리파이 피코(Raspberry Pi Pico) 등 여러분이 익숙하거나 배우고 싶은 보드를 선택하세요. 각 보드마다 장단점이 있습니다.
센서 모듈: 측정하고 싶은 데이터에 따라 선택합니다.
- 온습도 센서: DHT11, DHT22 (가장 흔하고 사용하기 쉽습니다.)
- 미세먼지 센서: PMS7003, SDS011
- 조도 센서: BH1750, LDR(CDS 셀)
- 기압 센서: BMP280, BME280 (온습도, 기압 동시 측정)
- 가스 센서: MQ 시리즈 (MQ-2, MQ-7 등)

점퍼선: 암수, 수수, 암암 등 다양한 종류를 준비하여 연결에 활용합니다.
브레드보드: 부품들을 임시로 연결하여 회로를 구성하고 테스트하는 데 사용합니다.
USB 케이블: 마이크로컨트롤러를 컴퓨터에 연결하고 전원을 공급하며 코드를 업로드하는 데 필요합니다.
개발 환경: 아두이노 IDE, VS Code + PlatformIO 등 여러분이 선택한 마이크로컨트롤러에 맞는 개발 환경을 설치합니다.

선택 사항

전원 공급 장치: 프로젝트를 독립적으로 구동하고 싶다면 휴대용 배터리나 어댑터가 필요합니다.
인클로저 케이스: 완성된 프로젝트를 보호하고 깔끔하게 마무리하는 데 사용합니다.

나에게 맞는 센서와 마이크로컨트롤러 선택 가이드

프로젝트의 목표와 여러분의 숙련도에 따라 적절한 센서와 마이크로컨트롤러를 선택하는 것이 중요합니다.

센서 선택

측정하려는 데이터 종류: 가장 먼저 무엇을 측정하고 싶은지 결정해야 합니다. 실내 환경 모니터링이라면 온습도, 미세먼지 센서가 적합하고, 식물 재배라면 토양 습도, 조도 센서가 유용합니다.
정확도와 정밀도 요구사항: 일반적인 환경 모니터링에는 DHT11(저가, 낮은 정확도)보다 DHT22(중간 가격, 높은 정확도)가 더 적합할 수 있습니다. 산업용 수준의 정밀도가 필요하다면 더 고가의 센서를 고려해야 합니다.
통신 방식: 대부분의 센서는 디지털 통신(I2C, SPI, UART)을 사용하며, 일부는 아날로그 출력을 제공합니다. I2C는 여러 장치를 적은 핀으로 연결할 수 있어 편리합니다.

마이크로컨트롤러 선택

아두이노 우노 (Arduino Uno):
- 장점: 초보자에게 가장 적합하며, 학습 자료가 풍부하고 커뮤니티가 활발합니다. 연결 및 코딩이 비교적 간단합니다.
- 단점: Wi-Fi나 블루투스 기능이 없어 IoT 연동이 어렵고, 처리 속도나 메모리 용량이 제한적입니다.
- 추천: 첫 프로젝트를 시작하는 분, IoT 기능이 필요 없는 단순 모니터링에 적합합니다.

ESP32 / ESP8266:
- 장점: Wi-Fi 및 블루투스(ESP32)가 내장되어 있어 IoT 프로젝트에 매우 유리합니다. 아두이노보다 훨씬 강력한 처리 성능과 메모리를 제공합니다. 가격도 저렴한 편입니다.
- 단점: 아두이노 우노보다는 약간 더 복잡하며, 3.3V 전압을 사용하므로 5V 센서 연결 시 레벨 시프터가 필요할 수 있습니다.
- 추천: 센서 데이터를 클라우드로 전송하거나, 스마트폰 앱과 연동하고 싶은 분, 좀 더 복잡한 기능을 구현하고 싶은 분에게 추천합니다.

라즈베리파이 피코 (Raspberry Pi Pico):
- 장점: 강력한 RP2040 칩을 사용하여 높은 성능을 제공하며, 저전력으로 동작합니다. 아두이노 IDE 또는 MicroPython을 사용하여 프로그래밍할 수 있어 유연합니다.
- 단점: Wi-Fi/블루투스가 기본 내장되어 있지 않아 별도의 모듈이 필요할 수 있습니다.
- 추천: 고성능의 저전력 프로젝트, MicroPython을 사용하고 싶은 분에게 적합합니다.

OLED 디스플레이와 센서 연결하기

대부분의 SSD1306 OLED 디스플레이와 많은 디지털 센서는 I2C 통신 방식을 사용합니다. I2C는 SDA(데이터 라인)와 SCL(클록 라인) 두 개의 선만으로 여러 장치를 연결할 수 있어 매우 편리합니다.

기본 I2C 연결 원리

OLED 디스플레이와 센서는 다음과 같은 핀들을 마이크로컨트롤러에 연결합니다.

VCC (또는 VDD): 전원 공급 핀. 마이크로컨트롤러의 5V 또는 3.3V 핀에 연결합니다.
GND: 접지 핀. 마이크로컨트롤러의 GND 핀에 연결합니다.
SDA: I2C 데이터 라인. 마이크로컨트롤러의 SDA 핀에 연결합니다.
SCL: I2C 클록 라인. 마이크로컨트롤러의 SCL 핀에 연결합니다.

마이크로컨트롤러별 I2C 핀 예시

OLED/센서 핀	아두이노 우노	ESP32	라즈베리파이 피코
VCC	5V	3.3V	3.3V (GP28/GP27 VBUS)
GND	GND	GND	GND
SDA	A4	GPIO 21 (또는 설정에 따라 변경 가능)	GP0, GP2, GP4, GP6, GP8, GP10, GP12, GP14, GP16, GP18, GP20, GP26 (I2C0/I2C1)
SCL	A5	GPIO 22 (또는 설정에 따라 변경 가능)	GP1, GP3, GP5, GP7, GP9, GP11, GP13, GP15, GP17, GP19, GP21, GP27 (I2C0/I2C1)

주의사항: ESP32나 라즈베리파이 피코는 3.3V 로직을 사용합니다. 만약 5V를 사용하는 센서나 OLED를 연결한다면, 전압 레벨 시프터(Level Shifter)를 사용하여 손상을 방지해야 합니다. 많은 SSD1306 OLED 모듈은 3.3V와 5V 모두 지원하지만, 센서는 반드시 확인해야 합니다.

센서 데이터 그래프 시각화 프로그래밍 기초

이제 하드웨어 연결이 끝났으니, 소프트웨어로 그래프를 그려볼 차례입니다. 아두이노 IDE를 기준으로 설명하지만, 다른 개발 환경에서도 개념은 동일합니다.

필수 라이브러리 설치

아두이노 IDE의 ‘스케치’ > ‘라이브러리 포함하기’ > ‘라이브러리 관리’에서 다음 라이브러리들을 검색하여 설치합니다.

Adafruit SSD1306: OLED 디스플레이를 제어하는 드라이버 라이브러리입니다.
Adafruit GFX Library: 그래픽 기능을 제공하는 핵심 라이브러리입니다. SSD1306 라이브러리가 이 라이브러리에 의존합니다.
센서 라이브러리: 사용하려는 센서에 맞는 라이브러리를 설치합니다. (예: DHT 센서용 ‘DHT sensor library by Adafruit’)

데이터 읽기 및 화면에 출력하기

센서에서 데이터를 읽고 OLED에 텍스트로 출력하는 기본 코드는 다음과 같습니다.



#include <Wire.h>

#include <Adafruit_GFX.h>

#include <Adafruit_SSD1306.h>

#include <DHT.h> // DHT11 또는 DHT22 센서 사용 시


#define OLED_RESET -1 // 대부분의 보드에서 -1로 설정

Adafruit_SSD1306 display(128, 64, &Wire, OLED_RESET);


#define DHTPIN 2     // DHT 센서 데이터 핀

#define DHTTYPE DHT11 // DHT11 또는 DHT22

DHT dht(DHTPIN, DHTTYPE);


void setup() {

  Serial.begin(9600);

  if(!display.begin(SSD1306_SWITCHCAPVCC, 0x3C)) { // OLED I2C 주소는 보통 0x3C 또는 0x3D

    Serial.println(F("SSD1306 allocation failed"));

    for(;;);

  }

  display.display();

  delay(2000);

  display.clearDisplay();


  dht.begin();

}


void loop() {

  delay(2000); // 2초마다 센서 데이터 읽기


  float h = dht.readHumidity();

  float t = dht.readTemperature();


  if (isnan(h) || isnan(t)) {

    Serial.println(F("Failed to read from DHT sensor!"));

    return;

  }


  display.clearDisplay();

  display.setTextSize(1);

  display.setTextColor(SSD1306_WHITE);

  display.setCursor(0,0);

  display.print(F("Temperature: "));

  display.print(t);

  display.print(F(" *C"));

  display.setCursor(0,10);

  display.print(F("Humidity: "));

  display.print(h);

  display.print(F(" %"));

  display.display();

}

그래프 그리기 개념

OLED에 그래프를 그리는 핵심 원리는 다음과 같습니다.

데이터 저장: 일정 시간 동안의 센서 데이터를 배열(Array)이나 큐(Queue) 같은 자료구조에 저장합니다. 128×64 해상도라면 가로축 픽셀이 128개이므로, 최대 128개의 데이터를 저장하는 것이 일반적입니다.
화면 지우기: 새로운 그래프를 그리기 전에 `display.clearDisplay()` 함수로 화면을 깨끗하게 지웁니다.
데이터 추가 및 이동: 새롭게 측정된 센서 데이터를 배열의 끝에 추가하고, 가장 오래된 데이터는 배열에서 제거(또는 데이터를 한 칸씩 앞으로 이동)합니다.
픽셀 좌표 변환: 센서 데이터 값(예: 온도 0~50도)을 OLED 화면의 세로축 픽셀 범위(예: 0~63)에 맞게 변환합니다. `map()` 함수를 활용하면 편리합니다.
선 그리기: `display.drawLine(x1, y1, x2, y2, color)` 함수를 사용하여 저장된 데이터 포인트를 연결하여 선 그래프를 그립니다.
화면 업데이트: 모든 그리기 작업이 끝나면 `display.display()` 함수를 호출하여 화면에 실제로 표시합니다.

간단한 선 그래프 예시 (개념 코드)



// ... (이전 setup() 함수까지 동일) ...


#define GRAPH_WIDTH 128

#define GRAPH_HEIGHT 30 // 그래프가 그려질 높이

#define GRAPH_Y_OFFSET 30 // 그래프 시작 Y 위치


float sensorData[GRAPH_WIDTH]; // 128개의 데이터를 저장할 배열

int dataIndex = 0;


void loop() {

  delay(500); // 0.5초마다 센서 데이터 읽기 및 그래프 업데이트


  float t = dht.readTemperature(); // 또는 다른 센서 값


  if (isnan(t)) {

    Serial.println(F("Failed to read from DHT sensor!"));

    return;

  }


  // 데이터를 배열에 추가 (가장 오래된 데이터는 삭제)

  for (int i = 0; i < GRAPH_WIDTH - 1; i++) {

    sensorData[i] = sensorData[i+1];

  }

  sensorData[GRAPH_WIDTH - 1] = t; // 새로운 데이터를 배열 끝에 추가


  display.clearDisplay();

  display.setTextSize(1);

  display.setTextColor(SSD1306_WHITE);

  display.setCursor(0,0);

  display.print(F("Temp: "));

  display.print(t);

  display.print(F(" C"));


  // 그래프 그리기

  for (int i = 0; i < GRAPH_WIDTH - 1; i++) {

    // 센서 데이터를 픽셀 좌표로 변환 (예: 온도 0~50도를 0~GRAPH_HEIGHT 픽셀로)

    int y1 = map(sensorData[i], 0, 50, GRAPH_Y_OFFSET + GRAPH_HEIGHT, GRAPH_Y_OFFSET);

    int y2 = map(sensorData[i+1], 0, 50, GRAPH_Y_OFFSET + GRAPH_HEIGHT, GRAPH_Y_OFFSET);


    // 선 그리기

    display.drawLine(i, y1, i+1, y2, SSD1306_WHITE);

  }


  display.display();

}

위 코드는 개념적인 것으로, 실제 프로젝트에서는 센서 값의 최소/최대 범위, 그래프의 스케일, 그리고 텍스트와 그래프의 레이아웃 등을 조절하여 최적화해야 합니다.

실생활 활용 사례

OLED 디스플레이에 센서 데이터를 그래프로 시각화하는 기술은 다양한 실생활 프로젝트에 적용될 수 있습니다.

스마트 홈 환경 모니터링: 거실이나 방의 온습도, 미세먼지 농도, 이산화탄소 농도 등을 실시간으로 그래프로 표시하여 쾌적한 환경을 유지하는 데 도움을 줍니다. 공기질 변화 추이를 한눈에 파악하여 환기 시점을 결정할 수 있습니다.
식물 재배 모니터링: 스마트 팜이나 개인 식물 재배 환경에서 토양 습도, 조도(빛의 양), 온도 변화를 그래프로 보여줍니다. 식물의 성장에 최적화된 환경을 조성하고, 물 주기나 조명 조절 시기를 직관적으로 알 수 있습니다.
개인 건강 웨어러블 (간이 프로젝트): 간단한 심박수 센서나 활동량 센서를 활용하여 실시간 심박수 변화나 활동량 추이를 그래프로 표시하는 웨어러블 기기를 만들어 볼 수 있습니다. 물론 전문 의료기기 수준은 아니지만, 개인적인 관심사 해결에 도움이 됩니다.
교육용 키트: 과학 실험이나 코딩 교육에서 센서 데이터를 실시간으로 시각화하여 물리량의 변화를 학생들이 직접 관찰하고 이해하는 데 유용하게 활용될 수 있습니다. 예를 들어, 빛의 세기 변화, 소리의 크기 변화 등을 그래프로 나타낼 수 있습니다.
산업 현장 간이 모니터링: 소규모 작업장이나 특정 기계의 진동, 온도, 습도 등을 간이적으로 모니터링하여 이상 징후를 조기에 파악하는 데 활용될 수 있습니다.

효과적인 그래프 시각화를 위한 유용한 팁과 조언

작은 OLED 화면에서 센서 데이터를 효과적으로 시각화하기 위한 몇 가지 팁과 조언입니다.

화면 해상도 활용의 지