SENSORS/ACTUATORS

INTERNET OF THING (IoT)

ESP8266 - Ethernet

ESP8266 - LCD | ESP8266 - LCD

이 튜토리얼은 ESP8266을 사용하여 LCD 디스플레이를 사용하는 방법과 ESP8266을 프로그래밍하여 LCD에 텍스트와 특수 문자를 표시하는 방법을 알려줍니다.

준비물

1	×	ESP8266 NodeMCU	Amazon
1	×	Micro USB Cable	Amazon
1	×	LCD I2C	쿠팡 \| Amazon
1	×	Jumper Wires	Amazon
1	×	(Optional) 5V Power Adapter for ESP8266	Amazon
1	×	(Optional) ESP8266 Screw Terminal Adapter	Amazon

공개: 이 섹션에서 제공된 링크 중 일부는 제휴 링크입니다. 이 링크를 통해 구매한 경우 추가 비용없이 수수료를 받을 수 있습니다. 지원해 주셔서 감사합니다.

LCD I2C 16x2에 대하여

LCD I2C는 표준 LCD에 비해 더 나은 대안입니다. 단 4개의 핀만으로 ESP8266에 연결하기가 쉽습니다. 내장된 가변 저항으로 LCD의 대비를 조정하기 쉽습니다.

LCD I2C 핀배열

LCD I2C는 ESP8266에 연결하기 위해 I2C 인터페이스를 사용합니다. 4개의 핀이 있습니다:

GND핀: 이것은 GND(0V)에 연결되어야 합니다.
VCC핀: 이것은 LCD의 전원 공급 장치이며 VCC(5V)에 연결되어야 합니다.
SDA핀: 이것은 I2C 데이터 신호입니다.
SCL핀: 이것은 I2C 시계 신호입니다.

LCD 좌표

LCD I2C 16x2는 총 16개의 열과 2개의 행을 가지고 있습니다. 열과 행은 0부터 시작하여 번호가 매겨집니다.

선연결

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

ESP8266의 핀 배치 및 ESP8266 및 다른 구성 요소에 전원을 공급하는 방법에 대해 더 많이 보십시오.

LCD I2C	ESP8266
Vin	Vin
GND	GND
SDA	D2 (GPIO4)
SCL	D1 (GPIO5)

LCD I2C 프로그래밍 방법

LCD를 사용하려면 LiquidCrystal_I2C 라이브러리를 포함시켜야 합니다.

LCD 설정:

LCD는 사용하기 전에 설정해야 합니다.

LCD에 쓰기:

LiquidCrystal_I2C 라이브러리 덕분에 LCD에 쓰기가 간단해집니다.

#include <LiquidCrystal_I2C.h> // LCD를 위한 라이브러리

LiquidCrystal_I2C 클래스의 객체를 선언하면서, 그 I2C 주소, 열의 수, 행의 수를 지정하세요.

LiquidCrystal_I2C lcd(0x27, 16, 2); // I2C 주소 0x27, 16열 2행

LCD를 시작하십시오.

lcd.init(); //lcd를 초기화합니다 lcd.backlight(); //백라이트를 켭니다

커서를 원하는 위치(column_index, row_index)에 놓으세요.

lcd.setCursor(column_index, row_index);

LCD 화면에 메시지를 표시하세요.

lcd.print("Hello World!");

"Do More with LCD" 섹션을 살펴보며 LCD로 무엇을 할 수 있는지의 가능성을 탐구해 보세요.

※ NOTE THAT:

LCD의 주소는 제조업체에 따라 다를 수 있습니다. 우리 코드에서는 DIYables 제조업체에서 지정한 0x27을 사용했습니다.

ESP8266 코드

#include <LiquidCrystal_I2C.h> LiquidCrystal_I2C lcd(0x27, 16, 2); // I2C 주소 0x27, 16열 2행 void setup() { lcd.init(); // LCD I2C 디스플레이 초기화 lcd.backlight(); } void loop() { lcd.clear(); // 디스플레이 지우기 lcd.setCursor(0, 0); // 커서를 (0, 0)으로 이동 lcd.print("Arduino"); // (0, 0)에 메시지 출력 lcd.setCursor(2, 1); // 커서를 (2, 1)으로 이동 lcd.print("GetStarted.com"); // (2, 1)에 메시지 출력 delay(2000); // 위 내용을 2초간 표시 lcd.clear(); // 디스플레이 지우기 lcd.setCursor(3, 0); // 커서를 (3, 0)으로 이동 lcd.print("DIYables"); // (3, 0)에 메시지 출력 lcd.setCursor(0, 1); // 커서를 (0, 1)으로 이동 lcd.print("www.diyables.io"); // (0, 1)에 메시지 출력 delay(2000); // 위 내용을 2초간 표시 }

사용 방법

Arduino IDE에서 ESP8266을 사용하기 시작하려면 다음 단계를 따르세요:

만약 이것이 처음 ESP8266을 사용하는 것이라면, Arduino IDE에서 ESP8266 환경 설정하는 방법 튜토리얼을 확인하세요.
도안에 표시된 대로 구성 요소들을 연결하세요.
USB 케이블을 사용하여 ESP8266 보드를 컴퓨터에 연결하세요.
컴퓨터에서 Arduino IDE를 엽니다.
올바른 ESP8266 보드를 선택하세요, 예를 들어 (NodeMCU 1.0 (ESP-12E Module)), 그리고 그에 해당하는 COM 포트를 선택하세요.
Arduino IDE의 왼쪽 바에 있는 Libraries 아이콘을 클릭하세요.
"LiquidCrystal I2C"를 검색하고 Frank de Brabander가 만든 LiquidCrystal_I2C 라이브러리를 찾으세요.
그리고나서, Install 버튼을 클릭하여 라이브러리를 추가하세요.

ESP8266 NodeMCU LiquidCrystal I2C library

코드를 복사해서 아두이노 IDE에서 열어주세요.
아두이노 IDE에서 Upload 버튼을 클릭하여 코드를 컴파일하고 ESP8266으로 업로드하세요.
LCD에서 결과를 확인하세요.

이미지의
단어와 사진의 배치를 바꿔가며 실험해보세요.

동영상

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

LCD로 더 많은 것을 하세요

맞춤 캐릭터

lcd.print()는 ASCII 문자만 허용합니다. 특수 문자나 상징(예: 하트, 분노의 새)을 표시하려면 문자 생성기를 사용하세요.

LCD 16x2는 32개의 문자를 표시할 수 있는 능력을 가지고 있습니다. 각 문자는 40개 픽셀로 구성되어 있으며, 8개의 행과 5개의 열로 되어 있습니다.

캐릭터 생성기는 40 픽셀 크기의 캐릭터를 생성합니다. 사용하려면 다음 단계를 따르기만 하면 됩니다:

Click on each pixel to select/deselect

Copy below custom character code

Replace the customChar[8] in the below code

#include <LiquidCrystal_I2C.h> LiquidCrystal_I2C lcd(0x27, 16, 2); // I2C 주소 0x27, 16열 및 2행 byte customChar[8] = { 0b00000, 0b01010, 0b11111, 0b11111, 0b01110, 0b00100, 0b00000, 0b00000 }; void setup() { lcd.init(); // LCD I2C 디스플레이 초기화 lcd.backlight(); lcd.createChar(0, customChar); // 새로운 맞춤 문자 생성 lcd.setCursor(2, 0); // 커서를 (2, 0)로 이동 lcd.write((byte)0); // 맞춤 문자를 (2, 0)에 출력 } void loop() { }

LCD 화면에 표시된 결과는 다음과 같습니다: . LCD에 표시된 결과는 다음과 같습니다:

여러 개의 맞춤 문자들

최대 8개의 맞춤 문자를 만들 수 있으며, 0부터 7까지 번호가 매겨집니다. 다음 예는 그중 세 개를 생성하고 보여줍니다.

#include <LiquidCrystal_I2C.h> LiquidCrystal_I2C lcd(0x27, 16, 2); // I2C 주소 0x27, 16열 2행 byte customChar0[8] = { 0b00000, 0b01010, 0b11111, 0b11111, 0b01110, 0b00100, 0b00000, 0b00000 }; byte customChar1[8] = { 0b00100, 0b01110, 0b11111, 0b00100, 0b00100, 0b00100, 0b00100, 0b00100 }; byte customChar2[8] = { 0b00100, 0b00100, 0b00100, 0b00100, 0b00100, 0b11111, 0b01110, 0b00100 }; void setup() { lcd.init(); // LCD I2C 디스플레이 초기화 lcd.backlight(); lcd.createChar(0, customChar0); // 새로운 사용자 지정 문자 생성 (인덱스 0) lcd.createChar(1, customChar1); // 새로운 사용자 지정 문자 생성 (인덱스 1) lcd.createChar(2, customChar2); // 새로운 사용자 지정 문자 생성 (인덱스 2) lcd.setCursor(2, 0); // 커서를 (2, 0)으로 이동 lcd.write((byte)0); // 커스텀 문자 0을 (2, 0)에 출력 lcd.setCursor(4, 0); // 커서를 (4, 0)으로 이동 lcd.write((byte)1); // 커스텀 문자 1을 (4, 0)에 출력 lcd.setCursor(6, 0); // 커서를 (6, 0)으로 이동 lcd.write((byte)2); // 커스텀 문자 2를 (6, 0)에 출력 } void loop() { }

LCD에 표시된 결과는: 입니다. LCD에 나타난 결과는: 입니다.

요약: LCD에 사용자 정의 문자 사용 방법

캐릭터 생성기를 사용하여 사용자 지정 캐릭터에 대한 이진 코드를 생성하세요.
이전 단계에서 생성된 이진 코드를 복사하여 선언하세요.

byte customChar[8] = { 0b00000, 0b01010, 0b11111, 0b11111, 0b01110, 0b00100, 0b00000, 0b00000 };

설정(setup()) 루틴에서 자신만의 캐릭터를 정의하고 0에서 7 사이의 숫자 값을 할당하세요.

lcd.createChar(index, customChar);

설정(setup()) 함수나 루프(loop()) 함수에서 언제든지 LCD에 사용자 정의 문자를 표시하세요.

lcd.setCursor(column, row); // 원하는 위치로 커서 이동 lcd.write((byte)index); // 원하는 위치에 사용자 정의 문자 출력

기타 기능들

"Hello World"를 출력하십시오.

다음 기능들을 loop() 함수 안에 차례대로 삽입하십시오:

LCD 화면을 지우세요.
5000밀리초 동안 지연시키세요.
"Hello World"를 출력하세요.

lcd.clear();

LCD의 왼쪽 상단 모서리에 커서를 위치하세요.

lcd.home();

커서를 특정 열과 행에 위치시키세요.

lcd.setCursor(column, row);

LCD 화면에 커서를 표시하십시오.

lcd.cursor();

LCD 커서를 보이지 않게 합니다.

lcd.noCursor();

LCD 커서가 깜박이는 것을 표시하세요.

lcd.blink()

LCD 커서의 깜빡임을 비활성화하십시오.

lcd.noBlink()

추가적으로, LiquidCrystal 라이브러리 참조에서 정보를 찾을 수 있습니다.

자신에게 도전하세요

다음 프로젝트 중 하나를 수행하기 위해 LCD를 사용하세요:

PC에서 (시리얼 모니터를 통해) 텍스트를 전송하고 LCD에 표시합니다. 팁: PC에서 아두이노로 데이터를 보내는 방법을 참조하세요.
키패드의 눌린 키를 LCD에 표시하는 방법을 시연합니다. 팁: ESP8266 - 키패드를 참조하세요.

LCD I2C 문제 해결

LCD 뒷면에 있는 포텐쇼미터를 돌려 LCD의 대비를 조정하세요.
제조사에 따라 LCD의 I2C 주소가 다를 수 있습니다. 일반적으로 LCD의 기본 I2C 주소는 0x27 또는 0x3F입니다. 이 값을 차례로 시도해 보세요. 실패하면 아래 코드를 실행하여 I2C 주소를 확인하세요.

// I2C 주소 스캐너 프로그램 #include <Wire.h> void setup() { Wire.begin(); Serial.begin(9600); Serial.println("I2C Scanner"); } void loop() { byte error, address; int nDevices; Serial.println("Scanning..."); nDevices = 0; for (address = 1; address < 127; address++ ) { Wire.beginTransmission(address); error = Wire.endTransmission(); if (error == 0) { Serial.print("I2C device found at address 0x"); if (address < 16) Serial.print("0"); Serial.print(address, HEX); Serial.println(" !"); nDevices++; } else if (error == 4) { Serial.print("Unknown error at address 0x"); if (address < 16) Serial.print("0"); Serial.println(address, HEX); } } if (nDevices == 0) Serial.println("No I2C devices found"); else Serial.println("done"); delay(5000); // 다음 스캔까지 5초 기다림 }

시리얼 모니터에 표시된 결과는: . 시리얼 모니터에서 볼 수 있는 효과는: . 시리얼 모니터에 나타나는 것은: .

COM6

Send

Scanning... I2C device found at address 0x3F ! done Scanning... I2C device found at address 0x3F ! done

Autoscroll Show timestamp

Clear output

9600 baud

Newline