SENSORS/ACTUATORS

INTERNET OF THING (IoT)

ESP8266 - Ethernet

ESP8266 - 버튼 - LED | ESP8266 - Button - LED

이 튜토리얼은 ESP8266과 버튼을 사용하여 LED를 제어하는 방법을 알려줍니다. 우리는 두 가지 다른 응용 프로그램을 배울 것입니다:

응용 프로그램 1 - LED 상태는 버튼 상태와 동기화됩니다. 자세히:

버튼을 누르면 ESP8266이 LED를 켭니다.
버튼을 누르지 않으면 ESP8266이 LED를 끕니다.

응용 프로그램 2 - 버튼을 누를 때마다 LED 상태가 토글됩니다. 구체적으로는:

ESP8266이 버튼이 눌렸음을 감지하면(높은 상태에서 낮은 상태로 변경될 때), 현재 LED가 꺼져 있으면 켜고, 켜져 있으면 끕니다.
버튼을 놓아도 LED 상태에는 영향을 주지 않습니다.

어플리케이션 2에서, 버튼을 디바운스하여 제대로 작동하는지 확인해야 합니다. 우리는 디바운스 없이 버튼을 사용할 때와 비교하여 ESP8266 코드를 사용할 때 LED의 동작 방식을 비교함으로써 왜 이것이 중요한지 알아낼 것입니다.

준비물

1	×	ESP8266 NodeMCU	Amazon
1	×	Micro USB Cable	Amazon
1	×	Push Button	쿠팡 \| Amazon
1	×	(Optional) Panel-mount Push Button	Amazon
1	×	LED	Amazon
1	×	220 ohm resistor	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

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

LED와 버튼에 대하여

LED와 버튼(핀배열, 작동방법, 프로그래밍 포함)에 익숙하지 않다면, 다음 튜토리얼이 도움이 될 수 있습니다:

선연결

ESP8266 NodeMCU Button LED wiring diagram

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

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

애플리케이션 1 - LED 상태가 버튼 상태와 동기화됩니다.

ESP8266 코드

/* * 이 ESP8266 NodeMCU 코드는 newbiely.kr 에서 개발되었습니다 * 이 ESP8266 NodeMCU 코드는 어떠한 제한 없이 공개 사용을 위해 제공됩니다. * 상세한 지침 및 연결도에 대해서는 다음을 방문하세요: * https://newbiely.kr/tutorials/esp8266/esp8266-button-led */ #define BUTTON_PIN D1 // ESP8266 핀 D1이 버튼에 연결됩니다 #define LED_PIN D7 // ESP8266 핀 D7이 LED에 연결됩니다 int button_state = 0; // 버튼 상태를 읽기 위한 변수 void setup() { // LED 핀을 디지털 출력으로 설정합니다 pinMode(LED_PIN, OUTPUT); // ESP8266 핀을 풀업 입력으로 설정합니다: 버튼이 열려 있을 때 HIGH, 눌렸을 때 LOW입니다. pinMode(BUTTON_PIN, INPUT_PULLUP); } void loop() { // 버튼 값의 상태를 읽습니다: button_state = digitalRead(BUTTON_PIN); // 버튼의 상태에 따라 LED를 제어합니다 if (button_state == LOW) // 버튼이 눌렸으면 digitalWrite(LED_PIN, HIGH); // LED를 켭니다 else // 그렇지 않으면, 버튼이 눌리지 않았으면 digitalWrite(LED_PIN, LOW); // LED를 끕니다 }

사용 방법

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

ESP8266를 처음 사용하는 경우 Arduino IDE에서 ESP8266 환경 설정 방법 튜토리얼을 확인하세요.
다이어그램에 표시된 대로 구성 요소를 연결하세요.
USB 케이블을 사용하여 ESP8266 보드를 컴퓨터에 연결하세요.
컴퓨터에서 Arduino IDE를 엽니다.
올바른 ESP8266 보드(예: NodeMCU 1.0 (ESP-12E Module))와 해당 COM 포트를 선택하세요.
USB 케이블을 사용하여 컴퓨터에 ESP8266을 연결하세요.
Arduino IDE를 실행하고 올바른 보드와 포트를 선택하세요.
코드를 복사하고 Arduino IDE에서 엽니다.
Arduino IDE에서 Upload 버튼을 클릭하여 코드를 ESP8266에 컴파일하고 업로드하세요.

버튼을 누르고 몇 초 동안 누르고 있으세요.
LED 상태의 변화를 확인하세요.

버튼 상태와 LED 상태가 동기화되어 있는 것을 볼 수 있습니다.

코드 설명

소스 코드의 주석에 포함된 줄별 설명을 확인하세요!

응용 프로그램 2 - 버튼이 LED를 토글합니다

ESP8266 코드 - 디바운싱 없이 버튼으로 LED 토글하기

/* * 이 ESP8266 NodeMCU 코드는 newbiely.kr 에서 개발되었습니다 * 이 ESP8266 NodeMCU 코드는 어떠한 제한 없이 공개 사용을 위해 제공됩니다. * 상세한 지침 및 연결도에 대해서는 다음을 방문하세요: * https://newbiely.kr/tutorials/esp8266/esp8266-button-led */ #define BUTTON_PIN D1 // ESP8266 핀 D1이 버튼에 연결되어 있음 #define LED_PIN D7 // ESP8266 핀 D7이 LED에 연결되어 있음 int led_state = LOW; // LED의 현재 상태 int button_state; // 버튼의 현재 상태 int last_button_state; // 버튼의 이전 상태 void setup() { Serial.begin(9600); // 직렬 통신을 이용해 시리얼 모니터와 통신을 초기화합니다. pinMode(BUTTON_PIN, INPUT_PULLUP); // ESP8266 핀을 입력 풀업 모드로 구성합니다 pinMode(LED_PIN, OUTPUT); // ESP8266 핀을 출력 모드로 구성합니다 button_state = digitalRead(BUTTON_PIN); } void loop() { last_button_state = button_state; // 마지막 상태를 저장 button_state = digitalRead(BUTTON_PIN); // 새로운 상태 읽기 if (last_button_state == HIGH && button_state == LOW) { Serial.println("The button is pressed"); // LED 상태 토글 led_state = !led_state; // 토글된 상태에 따라 LED 제어 digitalWrite(LED_PIN, led_state); } }

코드 설명

ESP8266 코드 위의 주석 줄에서 설명을 찾을 수 있습니다.

코드에서 led_state = !led_state 표현은 다음 코드와 같습니다:

if(led_state == LOW) led_state = HIGH; else led_state = LOW;

사용 방법

코드를 복사하여 아두이노 IDE에서 엽니다.
코드를 ESP8266에 업로드합니다.
릴리스와 버튼을 여러 번 누릅니다.
LED의 상태 변화를 확인하세요.

버튼이 눌릴 때마다 LED 상태가 전환되는 것을 관찰할 수 있습니다. 그러나 이 동작은 항상 일관되지 않을 수 있습니다. 때때로 LED 상태가 단일 버튼 누름 내에서 여러 번 빠르게 전환될 수 있거나 전혀 전환되지 않을 수도 있습니다(빠른 연속으로 두 번 전환되며 맨눈으로 보기 어려울 수 있습니다).

이 문제를 해결하기 위해서는 버튼에 대한 디바운스가 필요합니다.

ESP8266 코드 - 디바운싱으로 버튼이 LED를 토글합니다

초보자에게 버튼 디바운싱은 어려울 수 있습니다. 다행히 ezButton 라이브러리 덕분에 쉬워집니다.

왜 디바운싱이 필요한가? 자세한 정보는 ESP8266 - 버튼 디바운싱 튜토리얼을 참조하세요.

/* * 이 ESP8266 NodeMCU 코드는 newbiely.kr 에서 개발되었습니다 * 이 ESP8266 NodeMCU 코드는 어떠한 제한 없이 공개 사용을 위해 제공됩니다. * 상세한 지침 및 연결도에 대해서는 다음을 방문하세요: * https://newbiely.kr/tutorials/esp8266/esp8266-button-led */ #include <ezButton.h> #define BUTTON_PIN D1 // ESP8266 핀 D1이 버튼에 연결됨 #define LED_PIN D7 // ESP8266 핀 D7이 LED에 연결됨 ezButton button(BUTTON_PIN); // 핀 7을 위한 ezButton 객체 생성; int led_state = LOW; // LED의 현재 상태 void setup() { Serial.begin(9600); // 시리얼 모니터와의 통신을 위해 시리얼 초기화. pinMode(LED_PIN, OUTPUT); // ESP8266 핀을 출력 모드로 설정 button.setDebounceTime(50); // 디바운스 시간을 50 밀리초로 설정 } void loop() { button.loop(); // 먼저 loop() 함수를 호출해야 함 if (button.isPressed()) { Serial.println("The button is pressed"); // LED 상태 토글 led_state = !led_state; // 토글된 상태에 따라 LED 제어 digitalWrite(LED_PIN, led_state); } }

사용 방법

EzButton 라이브러리를 설치하세요. 지침은 방법을 참조하세요.
코드를 복사하고 Arduino IDE로 열어주세요.
Arduino IDE에서 Upload 버튼을 클릭하여 ESP8266에 코드를 업로드하세요.
버튼을 여러 번 눌렀다 놓으세요.
LED의 상태 변경을 확인하세요.

버튼을 누를 때마다 LED 상태가 정확히 한 번씩 토글됩니다를 볼 수 있습니다.

동영상

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

ESP8266 - 버튼 - LED | ESP8266 - Button - LED

준비물

LED와 버튼에 대하여

선연결

애플리케이션 1 - LED 상태가 버튼 상태와 동기화됩니다.

ESP8266 코드

사용 방법

코드 설명

응용 프로그램 2 - 버튼이 LED를 토글합니다

ESP8266 코드 - 디바운싱 없이 버튼으로 LED 토글하기

코드 설명

사용 방법

ESP8266 코드 - 디바운싱으로 버튼이 LED를 토글합니다

사용 방법

동영상

댓글

관련 튜토리얼