ESP8266 - OLED 시계 | ESP8266 - OLED Clock
이 튜토리얼은 ESP8266, RTC 모듈 및 OLED 디스플레이를 사용하여 OLED 시계를 만드는 방법을 안내합니다. 튜토리얼은 DS3231 및 DS1307 RTC 모듈 모두에 대한 지침을 제공합니다. 자세히:
- ESP8266은 DS3231 RTC 모듈에서 시, 분, 초를 가져와 OLED에 표시합니다.
- ESP8266은 DS1307 RTC 모듈에서 시, 분, 초를 가져와 OLED에 표시합니다.
다음 두 가지 RTC 모듈 중 하나를 선택할 수 있습니다: DS3231과 DS1307. 자세한 정보는 DS3231 vs DS1307을 참조하십시오.
준비물
1 | × | ESP8266 NodeMCU | Amazon | |
1 | × | Micro USB Cable | 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 | × | (Optional) 5V Power Adapter for ESP8266 | Amazon | |
1 | × | (Optional) Screw Terminal Expansion Board for ESP8266 | 쿠팡 | Amazon |
공개: 이 섹션에서 제공된 링크 중 일부는 제휴 링크입니다. 이 링크를 통해 구매한 경우 추가 비용없이 수수료를 받을 수 있습니다. 지원해 주셔서 감사합니다.
OLED, DS3231 및 DS1307 RTC 모듈에 대하여
OLED, DS3231 및 DS1307(핀배열, 기능, 프로그래밍...)에 익숙하지 않다면, 다음 튜토리얼이 도움이 될 수 있습니다:
OLED 및 RTC 라이브러리 설치
- 아두이노 IDE의 좌측 바에 있는 Libraries 아이콘을 클릭하세요.
- “SSD1306”을 검색하고 Adafruit에서 SSD1306 라이브러리를 찾으세요.
- 그런 다음, Install 버튼을 눌러 설치를 완료하세요.
- 추가 라이브러리 종속성을 설치하라는 메시지가 표시됩니다.
- 모두 한 번에 설치하려면 Install All 버튼을 클릭하세요.
- "RTClib"을 검색하여 Adafruit의 RTC 라이브러리를 찾으세요. 이 라이브러리는 DS3231과 DS1307 모두와 호환됩니다.
- RTC 라이브러리를 설치하려면 Install 버튼을 누르세요.
DS3231 RTC 모듈에서 시간을 읽고 OLED에 표시하기
배선도
이 이미지는 Fritzing을 사용하여 만들어졌습니다. 이미지를 확대하려면 클릭하세요.
ESP8266의 핀 배치 및 ESP8266 및 다른 구성 요소에 전원을 공급하는 방법에 대해 더 많이 보십시오.
ESP8266 코드 - DS3231과 OLED
/*
* 이 ESP8266 NodeMCU 코드는 newbiely.kr 에서 개발되었습니다
* 이 ESP8266 NodeMCU 코드는 어떠한 제한 없이 공개 사용을 위해 제공됩니다.
* 상세한 지침 및 연결도에 대해서는 다음을 방문하세요:
* https://newbiely.kr/tutorials/esp8266/esp8266-oled-clock
*/
#include <Wire.h>
#include <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>
#include <RTClib.h>
#define OLED_WIDTH 128 // OLED 디스플레이 너비, 픽셀 단위
#define OLED_HEIGHT 64 // OLED 디스플레이 높이, 픽셀 단위
Adafruit_SSD1306 oled(OLED_WIDTH, OLED_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 모듈 설정
if (! rtc.begin()) {
Serial.println("Couldn't find 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();
oled_display_center(time);
}
void oled_display_center(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((OLED_WIDTH - width) / 2, (OLED_HEIGHT - height) / 2);
oled.println(text); // 표시할 텍스트
oled.display();
}
사용 방법
Arduino IDE에서 ESP8266을 시작하는 방법은 다음과 같습니다:
- ESP8266을 처음 사용하는 경우 Arduino IDE에서 ESP8266 환경 설정 방법 튜토리얼을 확인하세요.
- 다이어그램에 표시된 대로 구성 요소를 연결하세요.
- USB 케이블을 사용하여 ESP8266 보드를 컴퓨터에 연결하세요.
- 컴퓨터에서 Arduino IDE를 엽니다.
- 올바른 ESP8266 보드(예: NodeMCU 1.0 (ESP-12E Module))와 해당 COM 포트를 선택하세요.
- 코드를 복사하고 Arduino IDE로 엽니다.
- Arduino IDE에서 Upload 버튼을 클릭해 코드를 ESP8266으로 전송하세요.
- 센서를 뜨거운 물과 차가운 물에 넣거나 손으로 들고 있으세요.
- OLED에서 결과를 확인하세요.
DS1307 RTC 모듈에서 시간을 읽고 OLED에 표시하기
배선도
이 이미지는 Fritzing을 사용하여 만들어졌습니다. 이미지를 확대하려면 클릭하세요.
ESP8266 코드 - DS1307 및 OLED
/*
* 이 ESP8266 NodeMCU 코드는 newbiely.kr 에서 개발되었습니다
* 이 ESP8266 NodeMCU 코드는 어떠한 제한 없이 공개 사용을 위해 제공됩니다.
* 상세한 지침 및 연결도에 대해서는 다음을 방문하세요:
* https://newbiely.kr/tutorials/esp8266/esp8266-oled-clock
*/
#include <Wire.h>
#include <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>
#include <RTClib.h>
#define OLED_WIDTH 128 // OLED 디스플레이 너비, 픽셀 단위
#define OLED_HEIGHT 64 // OLED 디스플레이 높이, 픽셀 단위
Adafruit_SSD1306 oled(OLED_WIDTH, OLED_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("Couldn't find 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();
oled_display_center(time);
}
void oled_display_center(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((OLED_WIDTH - width) / 2, (OLED_HEIGHT - height) / 2);
oled.println(text); // 표시할 텍스트
oled.display();
}
사용 방법
- 다이어그램에 표시된 대로 부품을 연결하세요.
- USB 케이블을 사용하여 ESP8266 보드를 컴퓨터에 연결하세요.
- 컴퓨터에서 아두이노 IDE를 엽니다.
- 올바른 ESP8266 보드(예: NodeMCU 1.0 (ESP-12E 모듈))와 관련 COM 포트를 선택하세요.
- 코드를 복사하고 아두이노 IDE에서 엽니다.
- Upload 버튼을 클릭하여 코드를 ESP8266으로 전송하세요.
- 센서를 뜨거운 물과 차가운 물에 넣거나 손으로 잡아보세요.
- OLED에서 결과를 확인하세요.
동영상
비디오 제작은 시간이 많이 걸리는 작업입니다. 비디오 튜토리얼이 학습에 도움이 되었다면, YouTube 채널 을 구독하여 알려 주시기 바랍니다. 비디오에 대한 높은 수요가 있다면, 비디오를 만들기 위해 노력하겠습니다.