ESP32 - OLED 시계 | ESP32 - OLED Clock

이 튜토리얼에서는 다음 단계를 다루면서 ESP32를 사용하여 OLED 시계를 만드는 과정을 안내해 드릴 것입니다:

두 가지 RTC 모듈, DS3231과 DS1307 중에서 선택할 수 있는 유연성이 있습니다. 정보에 입각한 결정을 내릴 수 있도록 DS3231 vs DS1307에서 비교 내용을 참고하실 수 있습니다.

이 튜토리얼은 ESP32를 DS3231 또는 DS1307 RTC 모듈과 통합하여 OLED 스크린에 정확한 시간 정보를 표시하는 OLED 시계를 구현하는 종합 가이드를 제공할 것입니다.

준비물

1×ESP-WROOM-32 Dev Module 쿠팡 | Amazon
1×USB Cable Type-C 쿠팡 | Amazon
1×SSD1306 I2C OLED Display 128x64 Amazon
1×Real-Time Clock DS3231 Module Amazon
1×(Optional) Real-Time Clock DS1307 Module Amazon
1×CR2032 battery Amazon
1×Breadboard 쿠팡 | Amazon
1×Jumper Wires Amazon
1×(Recommended) Screw Terminal Expansion Board for ESP32 쿠팡 | Amazon
공개: 이 섹션에서 제공된 링크 중 일부는 제휴 링크입니다. 이 링크를 통해 구매한 경우 추가 비용없이 수수료를 받을 수 있습니다. 지원해 주셔서 감사합니다.

OLED, DS3231 및 DS1307 RTC 모듈에 대하여

OLED, DS3231 및 DS1307의 핀 배치, 기능 및 프로그래밍을 비롯하여 이들에 대해 익숙하지 않으신가요? 아래에서 이 주제들에 대한 종합적인 튜토리얼을 탐색해보세요:

OLED 및 RTC 라이브러리 설치

  • Arduino IDE의 왼쪽 바에 있는 Libraries 아이콘을 클릭하세요.
  • “SSD1306”을 검색한 다음, Adafruit의 SSD1306 라이브러리를 찾으세요.
  • 라이브러리를 설치하려면 Install 버튼을 클릭하세요.
ESP32 OLED library
  • 다른 라이브러리 의존성을 설치하라는 요청을 받게 될 것입니다.
  • 모든 라이브러리 의존성을 설치하려면 Install All 버튼을 클릭하세요.
ESP32 Adafruit GFX sensor library
  • "RTClib"을 검색한 다음, Adafruit에서 제공하는 RTC 라이브러리를 찾으세요.
  • RTC 라이브러리를 설치하려면 Install 버튼을 클릭하세요.
ESP32 RTC library
  • 라이브러리에 필요한 종속성을 설치하라는 요청을 받을 수 있습니다.
  • Install All 버튼을 클릭하여 라이브러리의 모든 종속성을 설치하세요.
ESP32 Adafruit BusIO library

DS3231 RTC 모듈에서 시간을 읽고 OLED에 표시하기

배선도

ESP32 DS3231 OLED Wiring Diagram

이 이미지는 Fritzing을 사용하여 만들어졌습니다. 이미지를 확대하려면 클릭하세요.

ESP32 및 다른 구성 요소에 전원을 공급하는 방법에 대해 잘 알지 못하는 경우, 다음 튜토리얼에서 안내를 찾을 수 있습니다: ESP32 전원 공급 방법.

ESP32 코드 - DS3231 및 OLED

/* * 이 ESP32 코드는 newbiely.kr 에서 개발되었습니다 * 이 ESP32 코드는 어떠한 제한 없이 공개 사용을 위해 제공됩니다. * 상세한 지침 및 연결도에 대해서는 다음을 방문하세요: * https://newbiely.kr/tutorials/esp32/esp32-oled-clock */ #include <Wire.h> #include <Adafruit_GFX.h> #include <Adafruit_SSD1306.h> #include <RTClib.h> #define SCREEN_WIDTH 128 // OLED 디스플레이 너비, 픽셀 단위 #define SCREEN_HEIGHT 64 // OLED 디스플레이 높이, 픽셀 단위 Adafruit_SSD1306 oled(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1); // I2C에 연결된 SSD1306 디스플레이 객체 생성 RTC_DS3231 rtc; String time; void setup() { Serial.begin(9600); // 128x64용 주소 0x3C로 OLED 디스플레이 초기화 if (!oled.begin(SSD1306_SWITCHCAPVCC, 0x3C)) { Serial.println(F("SSD1306 allocation failed")); while (true); } delay(2000); // 초기화를 위해 대기 oled.clearDisplay(); // 디스플레이 지우기 oled.setTextSize(1); // 텍스트 크기 oled.setTextColor(WHITE); // 텍스트 색상 oled.setCursor(0, 10); // 표시할 위치 // RTC 모듈 SETUP if (! rtc.begin()) { Serial.println("RTC를 찾을 수 없습니다"); Serial.flush(); while (true); } // 이 스케치가 컴파일된 PC의 날짜 & 시간으로 RTC를 자동 설정 rtc.adjust(DateTime(F(__DATE__), F(__TIME__))); time.reserve(10); // String을 사용할 때 메모리 단편화를 피하기 위해 } void loop() { DateTime now = rtc.now(); time = ""; time += now.hour(); time += ':'; time += now.minute(); time += ':'; time += now.second(); oledDisplayCenter(time); } void oledDisplayCenter(String text) { int16_t x1; int16_t y1; uint16_t width; uint16_t height; oled.getTextBounds(text, 0, 0, &x1, &y1, &width, &height); // 수평 및 수직 중심에 표시 oled.clearDisplay(); // 디스플레이 지우기 oled.setCursor((SCREEN_WIDTH - width) / 2, (SCREEN_HEIGHT - height) / 2); oled.println(text); // 표시할 텍스트 oled.display(); }

사용 방법

  • ESP32를 처음 사용하는 경우, Arduino IDE에서 ESP32 환경 설정하는 방법을 확인하세요.
  • 위 이미지와 같이 배선하세요.
  • ESP32 보드를 마이크로 USB 케이블을 통해 PC에 연결하세요.
  • PC에서 Arduino IDE를 엽니다.
  • 올바른 ESP32 보드(예: ESP32 Dev Module) 및 COM 포트를 선택하세요.
  • 위의 코드를 복사하고 Arduino IDE로 엽니다.
  • Arduino IDE에서 Upload 버튼을 클릭하여 코드를 ESP32에 업로드하세요.
  • OLED에서 결과를 확인하세요.

DS1307 RTC 모듈에서 시간을 읽고 OLED에 표시하기

배선도

ESP32 DS1307 OLED Wiring Diagram

이 이미지는 Fritzing을 사용하여 만들어졌습니다. 이미지를 확대하려면 클릭하세요.

ESP32 코드 - DS1307과 OLED

/* * 이 ESP32 코드는 newbiely.kr 에서 개발되었습니다 * 이 ESP32 코드는 어떠한 제한 없이 공개 사용을 위해 제공됩니다. * 상세한 지침 및 연결도에 대해서는 다음을 방문하세요: * https://newbiely.kr/tutorials/esp32/esp32-oled-clock */ #include <Wire.h> #include <Adafruit_GFX.h> #include <Adafruit_SSD1306.h> #include <RTClib.h> #define SCREEN_WIDTH 128 // OLED 디스플레이 너비, 픽셀 단위 #define SCREEN_HEIGHT 64 // OLED 디스플레이 높이, 픽셀 단위 Adafruit_SSD1306 oled(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1); // I2C에 연결된 SSD1306 디스플레이 오브젝트 생성 RTC_DS1307 rtc; String time; void setup() { Serial.begin(9600); // 128x64를 위한 주소 0x3C로 OLED 디스플레이 초기화 if (!oled.begin(SSD1306_SWITCHCAPVCC, 0x3C)) { Serial.println(F("SSD1306 allocation failed")); while (true); } delay(2000); // 초기화를 위한 대기 시간 oled.clearDisplay(); // 디스플레이 지우기 oled.setTextSize(1); // 텍스트 크기 oled.setTextColor(WHITE); // 텍스트 색상 oled.setCursor(0, 10); // 디스플레이 위치 지정 // RTC 모듈 설정 if (!rtc.begin()) { Serial.println("RTC를 찾을 수 없습니다"); Serial.flush(); while (true); } // 이 스케치가 컴파일된 PC의 날짜 및 시간으로 RTC 자동 설정 rtc.adjust(DateTime(F(__DATE__), F(__TIME__))); time.reserve(10); // String을 사용할 때 메모리 조각화를 피하기 위해 } void loop() { DateTime now = rtc.now(); time = ""; time += now.hour(); time += ':'; time += now.minute(); time += ':'; time += now.second(); oledDisplayCenter(time); } void oledDisplayCenter(String text) { int16_t x1; int16_t y1; uint16_t width; uint16_t height; oled.getTextBounds(text, 0, 0, &x1, &y1, &width, &height); // 수평 및 수직 중앙에 표시 oled.clearDisplay(); // 디스플레이 지우기 oled.setCursor((SCREEN_WIDTH - width) / 2, (SCREEN_HEIGHT - height) / 2); oled.println(text); // 표시할 텍스트 oled.display(); }

사용 방법

  • ESP32를 처음 사용하는 경우, Arduino IDE에서 ESP32 환경 설정 방법을 참조하세요.
  • 위 이미지처럼 배선하세요.
  • ESP32 보드를 마이크로 USB 케이블로 PC에 연결하세요.
  • PC에서 Arduino IDE를 열세요.
  • 올바른 ESP32 보드(예: ESP32 Dev Module)와 COM 포트를 선택하세요.
  • 위의 코드를 복사하고 Arduino IDE로 열세요.
  • Arduino IDE에서 Upload 버튼을 클릭하여 ESP32에 코드를 업로드하세요.
  • OLED에서 결과를 확인하세요.

동영상

비디오 제작은 시간이 많이 걸리는 작업입니다. 비디오 튜토리얼이 학습에 도움이 되었다면, YouTube 채널 을 구독하여 알려 주시기 바랍니다. 비디오에 대한 높은 수요가 있다면, 비디오를 만들기 위해 노력하겠습니다.

※ OUR MESSAGES

  • Please feel free to share the link of this tutorial. However, Please do not use our content on any other websites. We invested a lot of effort and time to create the content, please respect our work!