OpenWeatherMap로부터 선택한 도시의 날씨 정보를 받아 웹페이지로 제공 이전 글에 이어서 openweathermap.org에서 전송 받은 날씨 정보를 웹페이지로 제공하는 간단한 웹서버를 완성하도록 하겠습니다. 이번 글에서 처리해야 할 사항은 아래와 같습니다. 웹페이지를 통해 클라이언트로부터 입력 받은 데이터를 분석하는 기능 분석한 데이터를 적용하여 변경된 날씨 정보를 요청하는 기능 변경된 날씨 정보에 따라 웹페이지를 수정하여 제공하는 기능 변수와 상수 위 세 가지 사항을 처리하기 위해 가장 먼저 준비해야 할 부분이 바로 몇몇 상수를 변수로 변경하는 일입니다. 변수와 상수 모두 프로그램상에서 필요한 데이터를 나타냅니다. 변수는 이름 그대로 내용이 변할 수 있는 저장소의 의미입니다. 원하는 내용을 ..
2017. 8. 4. 16:47
OpenWeatherMap로부터 선택한 도시의 날씨 정보를 받아 웹페이지로 제공 이전 글에서 만든 웹서버는 정보를 제공하기만 하고 별도의 입력은 받지 않았습니다. 이번 글에서는 클라이언트로부터 입력을 받아 처리하는 부분에 대해 다루어 보겠습니다. 이제까지 만들었던 오픈웨더맵 프로그램은 서울시의 날씨 정보를 보여주고 있습니다. 이를 수정하여 광역시까지 총 7개의 도시중 사용자가 선택한 도시의 날씨 데이터를 가져와 보여주는 프로그램으로 변경하겠습니다. 이를 위해서 두 가지 작업을 해야 합니다. 7개의 도시 이름을 보여주고 사용자의 선택을 받는 양식(Form) 구성 선택한 도시를 전송 받아 해당 도시의 날씨 데이터로 업데이트 하는 기능 첫 번째로, 입력 받기 위한 화면 구성부터 구현하겠습니다. 위 그림과 같이..
2017. 8. 3. 16:51
OpenWeatherMap의 날씨 정보를 받아 웹페이지로 제공하는 프로그램 작성 이전 글에서, 간단한 서버 예제를 통해 웹페이지를 클라이언트에게 전송하는 프로그램을 작성 했습니다. 이번 글부터는 OpenWeatherMap.org에서 날씨 데이터를 받아 웹페이지로 출력하는 소스를 구현하겠습니다. 한 프로그램 안에서 클라이언트 역할과 서버 역할을 동시에 수행하게 됩니다. 그리고, 날씨 데이터를 받아 올 때 서울만 고정해서 연습했었는데, 여러 도시중에 선택해서 받아 오는 부분도 다룰 예정입니다. 코드량이 좀더 많아지긴 하지만, 이미 만들어 놓은 예제 두 개를 합치는 것이므로 대부분의 코드는 복사해서 쓰시면 됩니다. 우선, OpenWeatherMap Client 예제를 불러와서 필요한 수정을 하겠습니다. 참고 ..
2017. 8. 3. 08:33
아두이노와 무선인터넷을 통한 간단한 서버 구성 세 번째 네트워크 정보를 제공하는 간단한 서버 만들기 이제 이전 글에서 만든 소스에 웹페이지를 전송하는 부분을 추가해 보겠습니다. 서버, 클라이언트 사이의 웹페이지 방식 통신 프로토콜은 HTTP를 사용합니다. 이제까지 봐 왔던 클라이언트의 요청 메시지가 HTTP 방식의 Request였고, 여기에 응답하는 서버 Response도 HTTP 방식을 사용합니다. 기본적인 HTTP Response Message Format은 아래 그림과 같습니다. HTTP Response는 그림에서 보는 것처럼, 크게 네 부분으로 구성됩니다. HTTP Response : Status Line, Header, Empty Line HTTP/1.1 200 OK 응답 메시지의 헤더는 항상 ..
2017. 8. 1. 16:19
아두이노와 무선인터넷을 통한 간단한 서버 구성 두 번째 네트워크 정보를 제공하는 간단한 서버 만들기 이제 직접, 서버를 구현하는 코드를 작성해 보겠습니다. 라이브러리 예제 없이 직접 코딩하겠지만, 어차피 대부분 중복되는 내용이므로, 예제들에서 복사해서 붙여 써도 됩니다. 클라이언트 요청에 대한 서버 응답에 대해서 설명해야 하기에, 되도록 간단한 프로그램으로 구성하겠습니다. 프로그램 구성은 이전 글에서 본 기본 예제와 다른 점이 없습니다. 1번에는 헤더 파일 포함, 네트워크 접속 정보 외 각종 선언들이 들어가고, 2번은 setup() 함수로 WiFi 연결을 설정합니다. 3번은 loop() 함수이고, Client 접속이 들어올 때마다 웹페이지를 전송합니다. 쉬운 구성을 위해 Client로부터 피드백은 받지 ..
2017. 7. 31. 16:56
아두이노와 무선인터넷을 통한 간단한 서버 구성 첫 번째 기본 서버 예제 이전 글까지 아두이노와 무선 인터넷을 통한 클라이언트 구현에 대해 다루었고 이번 글부터 서버 구현에 대해 다루겠습니다. 우선, 라이브러리에서 제공하는 기본 예제를 통해서 쉽게 접근해 보겠습니다. 이제 까지 해봤던 것과 마찬가지로 WiFi101라이브러리에서 예제를 찾아 열어 줍니다. 예제 명은 SimpleWebServerWiFi입니다. 이 예제는 이름 그대로 서버 기능을 확인할 수 있는 아주 간단한 프로그램입니다. LED 하나를 Digital 9번 핀에 연결한 상태에서 간단한 Web page를 서비스합니다. 아두이노의 IP 주소를 통해 웹페이지에 접속하면 딱 두 문장이 있는데, 하나는 LED를 켜는 명령, 다른 하나는 끄는 명령입니다...
2017. 7. 31. 09:47
날개잃은거북, 2006 All Rights Reserved.
Yday
Tday