본문 바로가기
반응형

분류 전체보기160

프로젝트 라즈베리파이를 이용해 서버에서 액츄레이터 제어 액츄레이터(LED, 물펌프, 산소발생기, 로봇컨베이어) from flask import Flask, render_template, request import requests as req import time import RPi.GPIO as gp btn=req.get("get방식으로 받을 서버주소") print(btn) btn.text print(btn.text) act1 = btn.text[0] act2 = btn.text[1] act3 = btn.text[2] act4 = btn.text[3] gp.setmode(gp.BCM) gp.setup(17, gp.OUT) gp.setup(18, gp.OUT) gp.setup(22, gp.OUT) gp.setup(23, gp.OUT) while(1) : gp... 2023. 10. 20.
프로젝트 ESP32를 이용해 센서값 서버로 보내기(map 함수를 이용한 % 변경) ※ 센서(온/습도 센서, 초음파센서를 이용한 수위%, CO2센서) #include "DHT.h" #include "CO2Sensor.h" #include // ESP32 #define DHTTYPE DHT22 // DHT 22 (AM2302) int DHTPIN = 4; int trig = 12; int echo = 13; int CO2PIN = 35; DHT dht(DHTPIN, DHTTYPE); WiFiClient client; const char* ssid = "wifi 이름"; const char* password = "Wifi 비밀번호"; const char* server = "서버주소"; const int port = 서버포트; const int sendingInternval = 2 * 100.. 2023. 10. 20.
자바스크립트 좋아요 및 댓글작성, 댓글창 ● 좋아요 및 댓글작성, 댓글창 좋아요 0 댓글작성 첫댓글삭제 부분 # jQuery를 사용하겠다고 선언 ​ 부분 좋아요 0 댓글작성 첫댓글삭제 ​ ​ .click vs .on('click') 동적 이벤트 바인딩 차이 .click : 최초의 페이지를 로딩할 때 선언되어있던 요소들에 이벤트를 바인딩 그 이후 더이상 바인딩하지 않음 on('click'): 동적으로 추가된 태그 이벤트 바인딩 ​ 1. '좋아요' 버튼을 눌렀을 때, 0->1 / 좋아요 -> 좋아요 취소 => id를 dislike로 변경 $(document).on('click','#like',function(){ # document에서 #like라는 id의 button를 클릭했을 때 //좋아요 0->1 $('span').text('1') # spa.. 2023. 10. 19.
자바스크립트 this 4가지 사용법 Javascript, This. 자바스크립트에는 this라는 키워드가 있다. this는 문맥에 따라서 다양한 값을 가지는 데, this가 쓰이는 함수를 어떤 방식으로 실행하느냐에 따라서 그 역할이 구별된다. this의 값들은 크게 4가지 정도로 나눌 수 있다. 즉, this를 이용하는 함수를 4가지 방식 중에서 어떤 방식으로 실행하느냐에 따라 this의 값이 결정된다는 뜻이다. 이러한 특성 때문에 this가 무엇을 지칭하는지 알기 위해서 우리는 this가 사용된 함수가 어디서 어떻게 실행되었는지를 찾아야만 한다. ​ ​ 1. 일반 함수 실행 방식 (Regular Function Call) 첫 번째로, 일반 함수 실행 방식으로 함수를 실행했을 때 this의 값은 Global Object를 가리킨다. 즉, .. 2023. 10. 19.
자바스크립트 로그인 폼 실습, 요소 추가 삭제 함수 ● 로그인폼 로그인 폼을 작성해봅시다 p태그 다루기 로그인폼 ID : PW : div태그 다루기 h태그 다루기 id input 속성 추가 input태그 다루기 속성지우기 p태그 지우기 div내부 앞에 추가 div내부 뒤에 추가 div외부 앞에 추가 img 1개 삭제 div 안 비우기 class 추가 class 삭제 부모요소 접근 부분 ​ ​ # jQuery를 사용하겠다고 선언 ​ 부분 div내부 앞에 추가 div내부 뒤에 추가 div외부 앞에 추가 img 1개 삭제 div 안 비우기 class 추가 class 삭제 부모요소 접근 ​ 부분 // 1. 요소의 내부 앞쪽 추가: prepend() $('#btn1').click(()=>{ $('div').prepend('img').parent().remove().. 2023. 10. 19.
자바스크립트 마우스 이벤트 1. click 해당 요소에서 마우스를 클릭! 했을 때 ​ HTML CSS .outer{ width : 500px; height : 200px; background-color : black; display : flex; justify-content : center; align-items : center; } .inner{ width : 100px; height : 100px; background-color : pink; } .text { color : white; } JS const div = document.querySelector('.outer'); let text = document.querySelector('.text'); let num = 1; div.addEventListener('click'.. 2023. 10. 19.
반응형

티스토리툴바