본문 바로가기

전체 글215

아두이노 이더넷 웹서버 만들기 -#15 이제 해야 할것은 3가지 정도로 압축 된다. 1. 뒤로 sprintf 문장 삽입 2. 특수문자 처리 3. 함수 만들기 특별히 어려울것은 없으니 아무래도 특수문자 하나 하나 잘못 들어가면 문장이 형성되지 않는다. 일단 1,2번을 먼저해 보자. 사실 순서는 크게 상관 없다. 2번을 먼저하는게 좋을수도 있다. 약간의 잡담을 더하면 처음에 만든 HTML코드를 만드는게 대부분의 일이다. 그리고 울트라에디터나 메모장으로 문장을 완성하는것이다. 여러번 만드는것이 귀찮다면 그냥 html파일을 C코드롤 바꾸는 프로그램을 만드는것도 괜찮아 보인다. 타노스가 이야기 한것 처럼 지식의 저주에 빠지지 말기 바란다. 기차표롤 예매 한다던지 특정 사이트의 물건을 모두 산다던지 대부분 이런식으로 문장을 만들어 바로 전송해 버린다. .. 2020. 5. 19.
아두이노 이더넷 웹서버 만들기 -#14 구글맵을 보여주는 HTML이다. 구글에서 구글맵 HTML이라고 입력해도 아주 흔하게 나오는 HTML 코드이다. 구글맵도 유료화 하고 있어서 그런지 버전마다 약간씩 다르다. 그래도 아직 무료로 되는 부분이 많으니 그냥 연습삼아 하자. 그런데 한가지 고민스러운게 있다. 아두이노 ESP8266으로 시작 했다면 구글맵 연동이 그냥 한번해 보기 좋은 주제다. 그런데 시작을 이더넷으로 했다. 이더넷 특성상 뭐 이동을하지 못한다. 그래도 ESP8266동 동일 하니 한번 맛이나 보고 가자. function initalize() { var mapOptions = { zoom: 15, center: new google.maps.LatLng(36.4251083, 127.389638), disableDefaultUI: tru.. 2020. 5. 19.
아두이노 공부하다가 포기 하는 사람을 위한 글.... 중간에 공부하다가 포기 하는 사람을 위한글.... 보통 대부분 유튜브나 인터넷에 검색해서 공부하라고 한다. 그러나 나는 아니다. 인터넷이나 유튜브를 보지 말라고 한다. 인터넷이나 유튜브, 각종 검색으로 공부 할 수 있는 수준이면 그 사람은 상당한 기본기가 있는 사람이다. 이글은 그런 기본기도 없는 초짜들에 관한 이야기다. 눈높이는 안드로메다에가 있다. 그런데 실력은 형편없다. 질문 조차 할 수 없는 수준이다. 그러면 어떻게 할까 ? 나는 책을 보라고 권한다. 차라리 돈을 주고 과외를 받으라고 한다. 그것이 현실적인 답이다. 나도 개인적으로 블로거를 운영하고 있다. 사실 남들 보라고 만든것은 아니고 나의 기억력의 한계 때문에 정리 차원에서 만들었다. 그러나 처음 공부하는 사람들이 보러 온다. 사실 그러면 .. 2020. 5. 12.
라즈베리 코디 그리고 넷플릭스 라즈베리라즈베리 코디 설치와 넷플릭스 보기에 관한 내용이다. 결론 부터 이야기 하면 라즈베리 3b+ 팬없이 방열판만으로 시청 불가 라즈베리 4b 팬소음 떄문에 시청 불가 현재 3b+의 팬을 주문한 상태이고, 4b의 저소음 팬을 주문한 상태 이다. 둘다 열이 많이 나고 시청하기에 열이 많이 발생하는 관계로 넷플릭스 시청용으로는 라즈베리는 아닌것 같다. 차라리 그 돈이면 그냥 샤오미 미박스를 4,5만원에 구매하면 원활하게 시청가능하다. 그리고 4b는 4k문제인지 HDMI 소리 출력에 문제가 있다. 라즈베리의 문제는 아니고 코디의 문제 같다. 코디 이외에는 모두 정상 출력이다. 일단 그렇고 혹시 설치 하고 싶은 사람은 아래를 참고 하면 된다. 참고사이트 https://geeksvoyage.com/raspber.. 2020. 5. 5.
아두이노 이더넷 웹서버 만들기 -#13 이제 소스상의 큰 어려움은 없으니 그냥 재미로 보면 될것 같다. 지금까지 만든 아두이노 웹서버는 뭐 없이 그냥 밑밑한 텍스트 위주의 서버이다. 그림도 넣고, 넣고 포탈 처럼 만들라고 하면 어떻게 하면 될까? 한가지는 아두이노에서 요청사항을 제공하는것이다. 다른 한가지는 다른 서버를 링크를 걸어서 제공하면 된다. 서버 입장에서는 그냥 제공하고 사용자, 클라이언트가 합치면 된다. 여기서 결정사항이 발생한다. 네이버 처럼 화려한 서버를 만들지, 구글 처럼 간결한 서버를 만들지. 사실 이것은 마인드의 차이다. 네이버는 사용자, 클라이언트를 자기 서버에 붙여 두고 싶어 하는 마인드다. 이유는 단순하다. 광도 하나도 더 보게 하기 위해서다. 그러나 구글은 사용자, 클라이언트가 빨리 서버와 접속을 끊기 위해서 노력한.. 2020. 5. 4.
아두이노 이더넷 웹서버 만들기 -#12 이전 코드에 비해 크게 변경된것은 없으니 비교해서 보면 쉽게 이해가 될듯 하다. 중요한것은 파싱 함수를 하나 추가 한것이다. 일반 서버급의 속도로 바로 바로 링크페이지가 전환 되지 않는다는점도 이해가 필요하다. 물론 더 반응속도를 올리는것은 가능해 보인다. 추가로 이야기 한다면 아파치 웹서버나 기타 웹서버들이 기본적으로 어떻게 반응하는지에 대한 이해를 했으면 하다. 따라져보면 더 엄청난 기능을 하지만, 기본적인 이해는 이것으로도 충분하다. /*Web Server*/ #include #include #include // Enter a MAC address and IP address for your controller below. byte mac[] = {0xDE, 0xAD, 0xBE, 0xEF, 0xFE,.. 2020. 5. 3.
아두이노 이더넷 웹서버 만들기 -#11 조금더 진행해보자. 파싱이라는 용어를 사용하지만, 그냥 문자열 추출, 문자열 분리 정도로 이해 하면 된다. 일단 클라이언트가 요청하는 문장은 아래와 같다. 사용자의 웹브라우저 종류, 아이피, 요청페이지, 기타 등등 이라고 보면 된다. 요즘 핸드폰에서는 좀 더 많은 정보를 제공하는것 같지만, 일단 비전공자라 넘어가자 내가 찾고 싶은 문장은 page1.html, page2.html 이다. 사실 파싱에 대해서 정답은 없지만, 나라면 이렇게 하겠다. 이정도다. 꼭 이것이 좋은 방법이라고는 모르겠다. 나는 ":" 콜론을 기준점으로 두고 문장을 찾았다. 그리고 Referer: 라는 단어를 중심으로 찾았다. 원하는 글자를 찾으면 1과 2를 넘겨주는 함수를 만들었다. new client GET /favicon.ico .. 2020. 5. 3.
ATTINY85, 88보드 업로드 Mh-tiny attiny88 Digipark, https://raw.githubusercontent.com/MHEtLive/arduino-boards-index/master/package_mhetlive_index.json 드라이브 Http://github.com/MHEtLive/MHEtLiveArduino/releases/download/1.0.0/2.0a4.rar Tiny85 Digipark,attiny85 digispark http://digistump.com/package_digistump_index.json https://deneb21.tistory.com/394 http://blog.daum.net/_blog/BlogTypeView.do?blogid=0ZPt7&articleno=2423&ca.. 2020. 5. 2.
아두이노 이더넷 웹서버 만들기 -#10 이제 파싱이라는것을 해야 한다. 파싱을 하기전에 중요한 개념 하나를 이해 해야한다. 본인이, 여러분들이 보는게 다가 아니라는 사실이다. 첫날에 My First Heading이라는 페이지를 보여주는 웹서버를 만들었다. 단순하게 보면 눈에 보여지는 데이터는 My First Heading이라는 글자만 보인다. 그러나 실제 데이터는 HTML테그와 함께 더 많은 데이터가 들어 온다. 대표적으로 여러분의 눈을 속이는 프로그램이 노트패드다. 여러분들은 줄바꿈과 함께 한줄 한줄 데이터, 문장을 본다고 하지만, 실제 데이터는 선형적인 한 줄이다. C언어의 배열을 처음 배울때, 1차원 배열은 선형, 2차원 배열은 평면, 3차원 배열은 공간, 행렬에 비유해서 배울때가 있다. 그러나 실상은 어떤가 만약 내가 N차원 배열을 만.. 2020. 5. 2.

티스토리툴바