아두이노 웹서버 코드를 실행시킨 후 스마트폰이나 데스크 탑 PC에서 웹브라우저를 불러 연결하기 위해서는 인터넷 주소 창 즉 url에 작은 글자 크기로 가상ip를 입력해야 하는 불편이 있다.
한편 이와 같은 인터넷 주소창에 가상 ip 입력 작업은 HTML 편집기에서 html 코딩에 의해 보다 품위 있는 방법으로 동일한 목적을 달성할 수 있으며 아울러 웹서버 코드와 연결 이전에 몇 가지 필요한 프로그램을 실행 시킬 수 있는 장점도 있다.
HTML 코딩을 위한 무료 편집기로는 NotePad++을 추천한다. Yahoo 나 Google 사이트에서 검색하여 다운받기 바란다.
NotePad++ HTML 편집기를 사용하여 폰트 크기별로 헤딩 라인을 작성하여 출력하는 코딩 중간에 웹서버 request 실행 문을 편집해서 넣어 보도록 하자.
입력이 완료되면 저장 경로를 설정하여 일단 텍스트 상태로 저장한다. 그리고 언어 탭을 눌러서 HTML을 선택하면 상기의 형태를 볼 수 있다.
코드가 완성이 되었으면 실행 탭을 누르고 원하는 웹브라우저를 선택한다.
여기서는 마이크로소프트의 Launch in IE를 선택하기로 한다.
의도했던 바대로 앵커 태그 내부에 위치한 버튼 태그에 의해 Start 버튼이 출력 되었다. 아울러 버튼 출력 앞뒤로 위치한 헤더 출력도 완성이 되었다.
코드 수행의 마지막 단계는 Start 버튼을 누르는 작업이다.
기존 출력 화면이 사라지고 인터넷 주소 창에 가상 ip를 입력했을 때와 동일한 화면이 얻어졌다. 이로서 인터넷 주소창 입력에 의한 request 작업을 HTML 코드로 대신할 수 있게 되었다.
이 코딩 기법은 앞으로 사물인터넷 제어 코딩에 있어서 중요한 역할을 하게 될 것이다. 지금은 하나의 아두이노 NodeMCU 보드를 제어하는 사례지만 한 개 이상의 사물인터넷 제어가 필요할 경우 이러한 HTML 코드의 필요성은 절대적일 것이다.