presentLee

자바스크립트 배열 const array1 = ["mon","tue","wed"] 와 같이 선언. 0부터센다. array1[0] == "mon" array1.push(4) // array1의 맨 뒤에 4 라는 항목을 추가함. 위와같이 요일을 표기하는 경우 배열이 한 주제로 있다. 자바스크립트 object 하지만 케릭터의 상태를 배열에 넣으려고 하는 경우 const character = ["Nick",100] 과 같은 배열일때 각 요소가 어떤 부분인지 구분 필요 이때 object 사용 const character = { name:"Nick", hp:100 } 과 같이 선언 = 대신 : 사용, ; 대신 , 사용 사용할때 character.name 과 같이 사용 object를 사용할때 const로 변수를 선언했..

웹/js 2022. 6. 23. 01:51

각각 파일을 만들어준 후 html 파일에서 head 부분에 (css파일과 연결) body 부분에 (js 파일과 연결)

웹/js 2022. 6. 22. 21:31

https://hack-cracker.tistory.com/30 HTML & CSS 기초 -CSS 기본 구조 CSS기본구조 # CSS란 무엇인가 →CSS 정의 CSS는 Cascading Style Sheet의 약자이다. CSS는 문서의 콘텐츠와 레이아웃, 글꼴 및 시각적 요소들로 표현되는 문서의 외관(디자인)을 분리하기 위한 목적으로 hack-cracker.tistory.com https://aboooks.tistory.com/61 [HTML, CSS 기초] class, id 선택자 [HTML, CSS 기초] class, id 선택자 사실 지난 주부터, CSS 카테고리에 글을 올려야겠다고 맘을 먹긴 했는데 글 쓰기가 정말로 쉽지 않네요. 머릿속으로는 대충 알고 있어도, 이론적으로 풀어내려니 또 abooo..

카테고리 없음 2022. 6. 22. 03:28

지금까지 우리가 구현한 기능들은 내부망에서만 접속이 가능했습니다. 그래서 우리가 업로드를 하는데 사용한 PC나 같은 와이파이에 연결된 핸드폰 정도로만 접속이 가능했죠. 이래서는 웹에 구현을 한 큰 의미가 없습니다. 이번에는 공유기 포트포워딩을 통해 외부망에서도 접속할 수 있도록 구현해보겠습니다. 주소창에 192.168.0.1 을 입력해 공유기 페이지로 간 뒤 로그인해줍니다 고급설정 -> NAT/라우터 관리 -> 포트포워드 설정으로 이동합니다. 이름과 외부포트는 원하는대로 적어주시고 내부포트는 80 내부 IP주소는 시리얼 모니터에 떠서 URL로 입력했던 그 내부망 주소를 적어주신뒤 저장해주시면 됩니다. 추가하신 후 우상단에 저장 버튼을 눌러주세요. ※포트포워딩 포드포워딩은 공유기에 외부로부터의 요청이 올 ..

아두이노/와이파이 Wemos D1 보드 2022. 1. 19. 13:52

https://bugwhale.tistory.com/entry/nodemuc-webserver-webpage-led-control https://m.blog.naver.com/tius1234/220217312519 https://www.arduino.cc/en/Reference/ServerAvailable https://www.arduino.cc/en/Reference/WiFiClient https://opentutorials.org/module/3621/21674 위 링크들을 참고해 공부하고 작성했습니다. 앞에서 익힌 http를 이용해 통신하고 html로 웹에 하이퍼텍스트를 만든뒤 하이퍼텍스트 클릭을 통해서 LED를 제어하는 기능을 수행해 보겠습니다. 우선 Wemos D1 보드에 기본으로 장착되어있는 ..

아두이노/와이파이 Wemos D1 보드 2022. 1. 19. 01:38

아래 링크들을 참고하여 공부하고 작성했습니다. https://turtleshell.kr/58 https://kwanulee.github.io/iot/docs/internet/web_arduino.html web_arduino 웹 서버는 웹 브라우저로부터 요구를 받은 뒤, 다음과 같은 항목으로 구성된 응답을 돌려준다. Status Line Header Empty line Body kwanulee.github.io 이번에는 와이파이에 연결된 Wemos D1 보드를 웹 서버처럼 사용하여 HTTP를 통해 웹브라우저의 버튼을 누르는 것으로 보드에 연결된 LED를 조작하는 기능을 수행해보겠습니다. 후술될 내용에서 브라우저는 저희가 접속한 인터넷 브라우저고 서버는 Wemos D1 보드입니다. 브라우저는 서버와 접속되..

아두이노/와이파이 Wemos D1 보드 2022. 1. 16. 23:29

Wemos D1 보드를 사용하는 이유가 되는 장치입니다. 아두이노 우노 보드에 esp8266을 장착시킨듯한 보드이기 때문에 간단하게 센서로 측정한 결과를 와이파이 통신을 통해 저장할 수 있습니다. sds011 센서로 측정한 미세먼지 p2.5와 p10 정보를 Thingspeak라는 서비스를 통해 저장합니다. 위 사이트는 IoT 전용 클라우드이며 학생 사용은 무료입니다. https://thingspeak.com/ IoT Analytics - ThingSpeak Internet of Things Weather Station This project shows how to build an Arduino-based weather station that sends data to ThingSpeak. Once the ..

아두이노/와이파이 Wemos D1 보드 2022. 1. 14. 22:43

WeMos D1 와이파이 보드는 Ch340 UART 드라이버를 사용합니다. http://www.wch.cn/download/CH341SER_ZIP.html 해당링크에서 드라이버를 다운로드 후 usb를 연결하시면 장치관리자에 인식 되는 것을 확인할 수 있습니다. 인식을 확인했다면 아두이노 IDE를 실행 하고 파일 -> 환경설정으로 들어갑니다. 아래쪽 추가적인 보드 매니저 URLs가 비어있을텐데 그 자리에 https://arduino.esp8266.com/stable/package_esp8266com_index.json 해당 링크를 붙여넣기합니다. 이미지거 첨부된 순서대로 ESP8266 Community 버전을 다운로드합니다. 그후 아두이노 IDE를 종료후 재실행합니다. 그후 툴 -> 보드를 확인하면 다음과..

아두이노/와이파이 Wemos D1 보드 2022. 1. 14. 19:51