0️⃣ 비동기 웹 서버





▶️ 동기 vs 비동기

동기 -> 데이터의 요청과 결과가 동시에 발생

비동기 -> 동시에 일어나지 않음





▶️ 장점

1. 요청에 따라 스레드를 새로 생성 X

2. 때문에 동기방식에 비해 메모리 점유율이 낮음

3. 끊김 없이 계속 요청 받을 수 있음





▶️ 단점

1. 요청 처리 시간이 오래 걸리면 적합 X

2. 작업 크기가 커 다수 요청 처리 적합 X





▶️ 개요

1. client -> HTTP 요청

2. ESP32 server와 event 연결

3. DHT11 sensor 수신

4. 판독값 ‘event’로 표시

5. event를 client가 수신



출처 하단 기재







1️⃣ 라이브러리 설치





1. 아래 URL를 통해 ZIP 파일 각각 다운로드

▶️ ESPAsyncWebServer




▶️ AsyncTCP







2. 압축해제 후 문서 > Arduino > 라이브러리에 복사 붙여넣기

\Documents\Arduino\libraries







2️⃣ esp32 코드 업로드





1. 와이파이, 비밀번호 설정 및 수정하여 업로드







3️⃣ Web Server 확인하기





1. 시리얼 모니터에서 IP 주소 확인









2. 웹 브라우저에서 ip 입력 후 UI 확인









4️⃣ 번외 : 디자인 변경





1. html에서 style과 body 수정

각 부분에 맞는 class가 들어가 있음 제목, 색상 등 수정해보기









2. 수정된 코드







3. 변경된 UI 확인









참고

https://microcontrollerslab.com/esp32-dht11-dht22-web-server/?fbclid=IwAR0VBlAZBJFSiLPJ6hVypvHi4RDvZQDopp0O3oEwITsOPn0a6Q7CwV6qdqg

https://kimdeveloper.tistory.com/2