ESP32/펌웨어15 ESP32 웹서버 만들기 - CSS를 이용하여 버튼 예쁘게 지난 강좌에 이어서 이번에는 버튼을 좀더 예쁘게 만들겠습니다. https://jooduino.tistory.com/5 ESP32 웹서버 만들기 - 버튼 추가 지난 강좌에 이어서 이번에는 웹페이지에 버튼을 만들고 모듈의 내부에 있는 LED를 ON/OFF 제어를 하겠습니다. https://jooduino.tistory.com/3 ESP32 웹서버 만들기 'Hello world' ESP32의 최대 장점인 와이파이를 jooduino.tistory.com 먼저, 버튼을 예쁘게 만들려면 버튼에 대한 CSS 파일을 만들어야 합니다. HTML, CSS, JAVASCRIPT에 대해 공부를 하시면 좀더 이해가 빠르고 쉽게 만들 수 있습니다. 일단, CSS에 대해서 모르시면 아래 파일을 다운 받아서 사용하시면 됩니다. 'm.. 2023. 9. 26. ESP32 웹서버 만들기 - 버튼 추가 지난 강좌에 이어서 이번에는 웹페이지에 버튼을 만들고 모듈의 내부에 있는 LED를 ON/OFF 제어를 하겠습니다. https://jooduino.tistory.com/3 ESP32 웹서버 만들기 'Hello world' ESP32의 최대 장점인 와이파이를 연결하여 아주 간단한 웹서버를 만들겠습니다. 아래의 소스코드를 ESP32 모듈에 넣고 동작 시킵니다. 시리얼 모니터에 표시되는 IP 주소를 웹브라우저(저는 크롬 jooduino.tistory.com 아래와 같이 코드를 수정 합니다. 'LED ON' 버튼과 'LED OFF' 버튼을 추가 했습니다. const char index_html[] PROGMEM = R"==( LED ON LED OFF )=="; ESP32 모듈 마다 안에 내장된 LED의 GPIO.. 2023. 9. 24. ESP32 웹서버 만들기 'Hello world' ESP32의 최대 장점인 와이파이를 연결하여 아주 간단한 웹서버를 만들겠습니다. 아래의 소스코드를 ESP32 모듈에 넣고 동작 시킵니다. 시리얼 모니터에 표시되는 IP 주소를 웹브라우저(저는 크롬 사용)의 주소창에 입력하면 프로그래머에게 너무나 친숙한 'Hello world'가 표시 됩니다. #include #include #include AsyncWebServer server(80); const char* ssid = "YOUR_SSID"; const char* password = "YOUR_PASSWORD"; // 페이지를 찾을 수 없을 때 void notFound(AsyncWebServerRequest *request) { request->send(404, "text/plain", "Not foun.. 2023. 9. 20. 이전 1 2 3 다음
