ESP32 - 버튼으로 LED 토글하기 | ESP32 - Button Toggle LED

이 튜토리얼은 버튼이 눌렸을 때 LED의 상태를 켜짐과 꺼짐으로 전환하는 방법을 ESP32를 사용하여 알려줍니다. 보다 구체적으로:

ESP32 코드에는 디바운싱 없이 및 디바운싱과 함께 버튼이 LED를 토글하는 코드가 포함되어 있습니다.

준비물

1×ESP-WROOM-32 Dev Module 쿠팡 | Amazon
1×USB Cable Type-C 쿠팡 | 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) DC Power Jack 쿠팡 | Amazon
1×(Recommended) ESP32 Screw Terminal Adapter 쿠팡 | Amazon
공개: 이 섹션에서 제공된 링크 중 일부는 제휴 링크입니다. 이 링크를 통해 구매한 경우 추가 비용없이 수수료를 받을 수 있습니다. 지원해 주셔서 감사합니다.

LED 및 버튼 정보

우리는 LED와 버튼에 관한 특정 튜토리얼을 가지고 있습니다. 각 튜토리얼은 하드웨어 핀아웃, 작동 원리, ESP32와의 배선 연결, ESP32 코드에 대한 상세한 정보와 단계별 지침을 포함하고 있습니다. 다음 링크에서 더 많은 정보를 알아보세요:

선연결

ESP32 Button LED Wiring Diagram

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

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

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

/* * 이 ESP32 코드는 newbiely.kr 에서 개발되었습니다 * 이 ESP32 코드는 어떠한 제한 없이 공개 사용을 위해 제공됩니다. * 상세한 지침 및 연결도에 대해서는 다음을 방문하세요: * https://newbiely.kr/tutorials/esp32/esp32-button-toggle-led */ #define BUTTON_PIN 18 // ESP32 핀 GPIO18, 버튼에 연결됨 #define LED_PIN 21 // ESP32 핀 GPIO21, LED에 연결됨 // 변수들은 변할 것입니다: int led_state = LOW; // LED의 현재 상태 int button_state; // 버튼의 현재 상태 int last_button_state; // 버튼의 이전 상태 void setup() { Serial.begin(9600); // 시리얼 초기화 pinMode(BUTTON_PIN, INPUT_PULLUP); // ESP32 핀을 입력 풀업 모드로 설정 pinMode(LED_PIN, OUTPUT); // ESP32 핀을 출력 모드로 설정 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); } }

사용 방법

  • ESP32를 처음 사용하는 경우, Arduino IDE에서 ESP32 환경 설정 방법을 참조하세요.
  • 위 이미지와 같이 배선하세요.
  • ESP32 보드를 PC에 마이크로 USB 케이블로 연결하세요.
  • PC에서 Arduino IDE를 엽니다.
  • 올바른 ESP32 보드(예: ESP32 Dev Module)와 COM 포트를 선택하세요.
  • 위 코드를 복사하여 Arduino IDE에 붙여넣으세요.
  • Arduino IDE에서 Upload 버튼을 클릭하여 ESP32 보드에 코드를 컴파일하고 업로드하세요.
  • 몇 초 동안 버튼을 계속 누르고 있다가 놓으세요.
  • LED의 상태 변화를 확인하세요.

코드 줄별 설명

위의 ESP32 코드에는 줄바꿈 설명이 포함되어 있습니다. 코드에 있는 주석을 읽어주세요!

코드에서 led_state = !led_state 는 다음과 같은 코드와 동등합니다:

if(led_state == LOW) led_state = HIGH; // LED 상태가 LOW이면 HIGH로 변경 else led_state = LOW; // 그렇지 않으면 LOW로 변경

※ NOTE THAT:

위 코드는 버튼을 위한 디바운스 코드가 없습니다. 버튼을 위한 디바운싱 없이는 예상치 못한 동작이 발생할 수 있습니다. 버튼에 디바운스가 필요한 이유를 참조하세요. 버튼을 위한 디바운싱은 초보자에게 복잡합니다. 다행스럽게도, ezButton 라이브러리가 우리를 위해 버튼 디바운스를 처리해줍니다.

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

/* * 이 ESP32 코드는 newbiely.kr 에서 개발되었습니다 * 이 ESP32 코드는 어떠한 제한 없이 공개 사용을 위해 제공됩니다. * 상세한 지침 및 연결도에 대해서는 다음을 방문하세요: * https://newbiely.kr/tutorials/esp32/esp32-button-toggle-led */ #include <ezButton.h> #define BUTTON_PIN 18 // ESP32 핀 GPIO18, 버튼에 연결됨 #define LED_PIN 21 // ESP32 핀 GPIO21, LED에 연결됨 ezButton button(BUTTON_PIN); // 핀 7에 연결된 ezButton 객체 생성; // 변수는 변경될 것입니다: int led_state = LOW; // LED의 현재 상태 void setup() { Serial.begin(9600); // 시리얼 초기화 pinMode(LED_PIN, OUTPUT); // ESP32 핀을 출력 모드로 설정 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); } }

사용 방법

  • 이것이 ESP32를 처음 사용하는 경우, Arduino IDE에서 ESP32 환경 설정 방법을 참조하십시오.
  • EzButton 라이브러리를 설치하십시오. 방법 보기
  • 위의 코드를 복사하여 Arduino IDE에 붙여넣으십시오.
  • Arduino IDE에서 Upload 버튼을 클릭하여 ESP32 보드에 코드를 컴파일하고 업로드하십시오.
  • 버튼을 여러 번 누르십시오.
  • LED의 상태 변화를 확인하십시오.

동영상

비디오 제작은 시간이 많이 걸리는 작업입니다. 비디오 튜토리얼이 학습에 도움이 되었다면, 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!