{"id":5023,"date":"2026-03-24T14:35:21","date_gmt":"2026-03-24T05:35:21","guid":{"rendered":"https:\/\/www.freelifemakers.org\/wordpress\/?p=5023"},"modified":"2026-03-24T14:51:45","modified_gmt":"2026-03-24T05:51:45","slug":"arduino-esp32-werserver-macos","status":"publish","type":"post","link":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/2026\/03\/24\/arduino-esp32-werserver-macos\/","title":{"rendered":"[Arduino]ESP32\uc6f9\uc11c\ubc84\ub9cc\ub4e4\uae30\/Create an ESP32 Web Server(MacOS)"},"content":{"rendered":"\n
\"\"<\/span>
\n

Esp32 webserver<\/p>\n<\/div><\/div>\n\n\n\n

\ud83d\udc49\ud83c\udffb \uc544\ub798\ub294 \uac04\ub2e8\ud55c \uc6f9\uc11c\ubc84 \ub9cc\ub4dc\ub294 \uc21c\uc11c \uc785\ub2c8\ub2e4.
Below is the procedure for creating a simple web server.<\/p>\n\n\n\n

1)Arduino IDE\uc5d0\uc11c\u00a0File -> New \uc120\ud0dd
Select File -> New from Arduino IDE<\/h3>\n\n\n\n

\u2714\ufe0f IDE\uc5d0 \uc544\ub798\uc758 \ucf54\ub4dc\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.
Add the code below to the IDE.<\/p>\n\n\n\n

#include <WiFi.h>\n#include <WebServer.h>\n\nconst char* ssid = \"your_id\";\nconst char* password = \"your_password\";\n\nWebServer server(80);\n\nvoid handleRoot() {\n  server.send(200, \"text\/html\", \"<h1>ESP32 Web Server<\/h1><p>Hello Silver Hand!<\/p>\");\n}\n\nvoid setup() {\n  Serial.begin(115200);\n\n  WiFi.begin(ssid, password);\n  Serial.print(\"Connecting\");\n  while (WiFi.status() != WL_CONNECTED) {\n    delay(500);\n    Serial.print(\".\");\n  }\n\n  Serial.println();\n  Serial.print(\"IP: \");\n  Serial.println(WiFi.localIP());\n\n  server.on(\"\/\", handleRoot);\n  server.begin();\n}\n\nvoid loop() {\n  server.handleClient();\n}\n<\/code><\/pre>\n\n\n\n
\u2714\ufe0f \ucf54\ub4dc \ucd94\uac00\ud558\uae30 \uc804 \/ Before adding code<\/p>\n\n\n\n
\"\"
Screenshot<\/figcaption><\/figure>\n\n\n\n
\u2714\ufe0f \ucf54\ub4dc \ucd94\uac00 \ud6c4 \/ After adding code<\/p>\n\n\n\n
\"\"
Screenshot<\/figcaption><\/figure>\n\n\n\n
2)\ubcf4\ub4dc \uc120\ud0dd \/ Board selection:
\u00a0Tools -> Board :” ESP32 Dev Module”->Esp32->Esp32 DevModule<\/h3>\n\n\n\n
\"\"
Screenshot<\/figcaption><\/figure>\n\n\n\n
3)\ud3ec\ud2b8 \uc120\ud0dd\/Select a port:
\u00a0Tools -> Port\uc5d0\uc11c \uc5f0\uacb0\ub41c \ud3ec\ud2b8(Port:”\/dev\/cu.usbserial-120″)<\/h3>\n\n\n\n
\"\"
Screenshot<\/figcaption><\/figure>\n\n\n\n
4) \uc5c5\ub85c\ub4dc \uc18d\ub3c4\ub97c \uc870\uc815\ud569\ub2c8\ub2e4.\/Adjust the upload speed.
Tools->UploadSpeed->11520<\/h3>\n\n\n\n
5)Wi\u2011Fi (\uacf5\uc720\uae30)\uc815\ubcf4\uc785\ub825\/Enter \u2011 WiFi (router) information:
 ssid\/password \uc785\ub825 \/ Enter ssid\/password<\/h3>\n\n\n\n
— Arduino IDE\uc5d0\uc11c \ucf54\ub4dc\ub97c \uc218\uc815\ud569\ub2c8\ub2e4. \/ Modify the code in Arduino IDE.<\/p>\n\n\n\n
6)\uc5c5\ub85c\ub4dc \ud6c4, Tools -> Serial Monitor \uc5f4\uae30 (115200 baud)
After upload, open Tools -> Serial Monitor (115200 baud)<\/h3>\n\n\n\n
\u2714\ufe0f \uc5c5\ub85c\ub4dc \uc644\ub8cc \/ Upload completed<\/p>\n\n\n\n
\"\"
Screenshot<\/figcaption><\/figure>\n\n\n\n
\u2714\ufe0f Serial Monitor\uc5d0\uc11c \ucd9c\ub825\uacb0\uacfc \ud655\uc778 \/ Check the Output Results in Serial Monitor<\/p>\n\n\n\n
\"\"
Screenshot<\/figcaption><\/figure>\n\n\n\n
7)\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc811\uc18d \/ Accessing from a browser<\/h3>\n\n\n\n
\u2714\ufe0f Serial Monitor\uc5d0\uc11c \ud655\uc778\ub41c \uc544\uc774\ud53c\uc8fc\uc18c\ub85c \ube0c\ub77c\uc6b0\uc800\uc5d0 \uc811\uc18d\ud569\ub2c8\ub2e4.
Access the browser with the IP address identified by Serial Monitor.<\/p>\n\n\n\n
\"\"
Screenshot<\/figcaption><\/figure>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
\ud83d\udc49\ud83c\udffb \uc544\ub798\ub294 \uac04\ub2e8\ud55c \uc6f9\uc11c\ubc84 \ub9cc\ub4dc\ub294 \uc21c\uc11c \uc785\ub2c8\ub2e4.Below is the procedure for creating a simple web server. 1)Arduino IDE\uc5d0\uc11c\u00a0File -> New \uc120\ud0dd Select File -> New from Arduino IDE \u2714\ufe0f IDE\uc5d0 \uc544\ub798\uc758 \ucf54\ub4dc\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.Add the code below to the IDE. \u2714\ufe0f \ucf54\ub4dc \ucd94\uac00\ud558\uae30 \uc804 \/ Before adding code \u2714\ufe0f \ucf54\ub4dc \ucd94\uac00 \ud6c4 \/ After adding code […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,1],"tags":[],"class_list":["post-5023","post","type-post","status-publish","format-standard","hentry","category-arduino","category-uncategorized","missing-thumbnail"],"_links":{"self":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/5023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=5023"}],"version-history":[{"count":12,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/5023\/revisions"}],"predecessor-version":[{"id":5042,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/5023\/revisions\/5042"}],"wp:attachment":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=5023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=5023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=5023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}