아두이노 NodeMCU 웹서버에서 사적인 그림파일 불러오는 HTML img 태그 사용법:II

사실 아두이노 웹서버나 NodeMCU 웹서버의 메모리 용량이란 게 거의 콩 알 만 한 수준이라 웹서버 화면  이미지 파일 하나를 읽어 들일 마땅한 방법도 없으며 또한 읽어 들인다 하드라도 저장하기에 벅찬 게 사실이다.

그래서 아두이노 NodeMCU를 웹서버로 사용해 홈페이지에 올려 둘 사적으로 보관 중인 사진이나 스케치를 비롯한 그림 파일을 불러오기 위한 방법을 체크해 보자. 직접 저장하는 것이 아니라 불러 오는 방식이므로 아두이노 NodeMCU의 메모리 용량과는 상관이 없을 것이다.
해당 이미지 파일이 스마트 폰에 저장되어 있다면 물론 스마트 폰 내에 저장된 폴더 주소가 있을 수 있으나 HTML에서 직접 불러 올수 없으며 HTML 명령 문법 상 url에 해당하는 인터넷 주소를 부여해야 문제가 쉽게 풀린다.
하지만 개인들이 영구적인 이미지 저장용 서버들이 없으므로 자신의 블로그를 이용해 간단하게 url 주소를 생성시키도록 하자. 예를 들자면 다음 블로그에 사진을 등록시킨 후 속성을 체크해 보면 http://... 형식의 주소가 생성됨을 쉽게 확인 할 수 있다. 만약 저장시킨 그림이나 사진이 사적인 것이라면 비공개로 처리해 두면 된다.

바로 앞의 블로그에서 사용했던 블로그의 프로그램에서 아래의 프로그램 한 줄을 대체하여 결과를 확인해 보기 바란다. 이 냥이 스케치는 블로그에 그림만 저장하고 url 주소를 생성한 후 사적인 자료로 생각해 비공개 처리하였다.

client.println("<img src='https://t1.daumcdn.net/cfile/blog/233AD83B58AB923330?original' style='width:304px;height:228px;'>");