반응형 분류 전체보기203 [웹프로젝트.001]카페홈페이지 만들기(1/4) 카페 홈페이지 만들기 1/4 [1] 카페 홈페이지 구성 index.html news.html menu.html contact.html [2] 이번에 만들 페이지는 index.html 입니다. [3] 준비하기 1. 이미지 파일 다운받기: 배경이미지, 로고이미지, 파비콘 이미지를 압축한 아래의 파일을 다운받고 압축을 풉니다. 2. index.html, news.html, menu.html, contact.html ,style.css 파일을 만들어 줍니다. 3. images 라는 폴더를 하나 만들어 1번에서 다운받은 이미지를 아래와 같이 포함시켜줍니다. 코딩 시작하기 : index.html [1] index.html 풀 코드 index.html에 아래와 같이 html 기본 와 코드를 입력합니다. 1 2 3 4.. 2022. 3. 17. [ESP8266.009] 웹 서버로 센서값 확인하기 * 전체 코드 깃허브 링크: https://github.com/wootekken/esp8266 [1] 회로도 -가변저항(Potentiometer) 모듈 구매처 https://www.devicemart.co.kr/goods/view?no=1289325 아두이노 가변저항 모듈 (20KΩ) [ELB030640] Voltage: 3.3V, 5V, Rotation angle: 270° , 아두이노, 라즈베리파이와 호환되는 아날로그 가변저항 모듈 입니다. www.devicemart.co.kr [2] 코드 [실행결과] 2022. 3. 13. [ESP8266.008] Wemos D1 R1 핀 맵 2022. 3. 13. [ESP8266.007] 웹서버로 LED제어하기 * 전체 코드 깃허브 링크: https://github.com/wootekken/esp8266 [1] 코드 [실행결과] 2022. 3. 12. [ESP8266.006] 간단한 웹 서버 만들기 * 전체 코드 깃허브 링크: https://github.com/wootekken/esp8266 [1] "http://ip주소" 로 접속할 수 있는 간단한 웹 서버 [실행 결과] [퀴즈1] 아래와 같이 페이지 응답이 나타날 수 있도록 코딩해 보세요. (정답-더보기 클릭) 더보기 [퀴즈1-정답] 2022. 3. 12. [ESP8266.005] 주변 WiFi 신호 찾기 * 전체 코드 깃허브 링크: https://github.com/wootekken/esp8266 [1] ESP8266 보드를 이용해 주변 WiFi 신호의 이름과 강도를 찾아내어 시리얼 모니터에 출력하기 [실행결과] 2022. 3. 12. [ESP8266.004]우리집 WiFi에 접속하기(WiFi라이브러리 설치) * 전체 코드 깃허브 링크: https://github.com/wootekken/esp8266 [1] ESP8266 WiFi 라이브러리를 아래 링크에서 다운받아주세요. https://github.com/esp8266/Arduino [2] 다운 받은 파일의 압축을 풀지 말고, 아래 그림 처럼 아두이노 IDE의 "스케치" >> "라이브러리 포함하기" >> ".ZIP 라이브러리 추가"를 클릭합니다. [3] ㅇ [2] 우리집 WiFi에 ESP8266 보드를 접속시키는 코드 [실행결과] 2022. 3. 12. [ESP8266.003] ESP8266 라이브러리 설치 / 실습용 부품 구매 라이브러리 설치 [1] 압축된 .ZIP 라이브러리 파일 설치법은 아래 클릭 더보기 라이브러리를 아두이노 IDE에 설치하는 방법 [1] 내게 필요한 라이브러리 파일을(.ZIP 압축파일) 다운받은 후, 파일의 압축을 풀지 말고, 아래 그림처럼 아두이노 IDE의 "스케치" >> "라이브러리 포함하기" >> ".ZIP 라이브러리 추가"를 열어줍니다. [2] 내가 다운받은 라이브러리.ZIP 파일을 선택해서 "열기"를 눌러주면, 아두이노 IDE에 라이브러리가 자동으로 설치됩니다. [3] 라이브러리가 잘 설치되었는지 확인하려면, 아두이노 IDE의 "스케치" >> "라이브러리 포함하기" >> 아래쪽으로 내려가서 내가 설치한 라이브러리 이름을 확인하면 됩니다. 실습용 부품 구매 [1] ESP8266 Wemos D1 R1.. 2022. 3. 12. [EPS8266.002] ESP8266 사물인터넷 개발환경 구축 아래의 "▶"부분을 클릭하시면 자세한 내용들이 펼쳐집니다. 필요하신 부분만 골라서 보시고 시간을 아끼세요! 더보기 [1] 개발을 위해 설치할 소프트웨어는 "아두이노 IDE" 입니다. 소프트웨어를 설치하기 위해 아래의 사이트(arduino.cc)에 접속하여 상단 메뉴 중 "software"를 클릭합니다. [2] 본인이 사용하고 있는 운영체제에 맞는 아두이노 IDE를 다운받습니다.(저는 Windows win 7 and newer를 받았습니다.) [3] 프로그램을 다운받고 더블클릭하여 설치를 진행해 주세요. 최종적으로 아래와 같은 "아두이노 IDE" 프로그램이 실행됨을 확인하시면 됩니다. 더보기 [1] 아두이노 IDE의 상단 메뉴중, "파일" >> "환경설정"을 클릭합니다. [2] "추가적인 보드 매니저 UR.. 2022. 3. 12. 이전 1 ··· 13 14 15 16 17 18 19 ··· 23 다음 728x90 반응형
