프로그래밍30 [Python] MQTT를 이용한 이미지 전송 (raspberry pi 이용) (들어가기전에 -> 이미지를 순수하게 전송할수는 없고 base64를 사용하여 디코드 인코드 하여야 합니다.) 1. Publisher Code 간단 알고리즘 설명 : 사진찍음 → 찍은사진 1장 폴더에 저장→ 폴더에 있는 파일 open함→ image파일을 인코딩함 → 인코딩된 것을 변수로 할당받음→ 할당받은 변수를 mqtt전송함. 주의 ※ base64사용시 약 130% 용량이 증가함. 게다가 이미지의 화소가 높으면 인코딩시 str형식이던 byte형식이던 너무 길어짐으로 mqtt전송에 딜레이가 심하고 전송이 거의 안됨. 즉, 찍히는 사진 크기 줄여서 사진을 찍으세요 ※ 상대경로 절대경로 설정 ※ 다시한번 말한다 , QOS Level은 일치해야한다. (나는 rabbitmq써서 qos level 2지원안함...).. 2022. 8. 29. [Python] MQTT를 이용한 자이로센서 값 전송 (raspberry pi 이용) (들어가기전에-> 1. 자이로센서는 MPU6050 사용하였습니다 ) (한국인이 좋아하는 결론부터 말하기) 자이로센서 값(데이터)를 전송하는 코드. ''' Read Gyro and Accelerometer by Interfacing Raspberry Pi with MPU6050 using Python http://www.electronicwings.com ''' import smbus #import SMBus module of I2C from time import sleep #some MPU6050 Registers and their Address PWR_MGMT_1 = 0x6B SMPLRT_DIV = 0x19 CONFIG = 0x1A GYRO_CONFIG = 0x1B INT_ENABLE = 0x38 AC.. 2022. 8. 15. [Python] MQTT 통신하기(docker,rabbitmq사용) (들어가기전 -> 1. 만약 본인의 컴퓨터에서 한다면 ip:localhost ,port=1883 으로 설정하면 됩니다. 2. docker를 사용하지 않면 포트포워딩 없이 서버의 ip, port를 입력하시면 됩니다. 3. 파이썬 기반으로 작성하였습니다. ) 1. 기본적인 Subscriber Code ## Subscriber Code using Paho import paho.mqtt.client as mqtt def on_connect(client, userdata, flags, rc): if rc == 0: print("connected OK") else: print("Bad connection Returned code=", rc) def on_disconnect(client, userdata, flags.. 2022. 8. 12. To do List 만들기_(3) 각각의 컴포넌트에 기능 구현 (1) 컴포넌트의 기본 프레임 잡기 (2) 컴포넌트의 통신 props,event (3) 각각의 컴포넌트에 기능 구현 결국 모든 컴포넌트의 코드는 아래와 같고 주석으로 써논 설명을 보면 이해를 할 수 있을것이다. {{homeTitle}} 만든이 {{ todoItem }} 삭제 추가 전체삭제 2022. 5. 6. To do List 만들기_(2) 컴포넌트의 통신 props,event (1) 컴포넌트의 기본 프레임 잡기 (2) 컴포넌트의 통신 props,event (3) 각각의 컴포넌트에 기능 구현 앞의 글에서 app.vue에 하위컴포넌트(자식컴포넌트)들을 등록을 배웠다. 빨리 하위 컴포넌트의 역할을 구현하고 싶지만 그전에 알아 두어야할 것이 있다. props와 event이다. 앞에서 말했지만 app.vue라는 컴포넌트 안에 하위 컴포넌트를 넣어주어서 구성을 한다고 했지만 문제가 존재한다. 만약 간단하게 html코드로만 작성할 것이라면 문제는 없겠지만, 우리는 javascript기능 즉, 동적인 역할을 만들어줄것이다. (가령 무엇인가 타이핑을 했을때 그것이 출력이 되도록 말이다.) 어떠한 데이터를 위(상위)에서 아래(하위)로, 아래에서 위로 하는것이 props와 event이다.. 부모.. 2022. 5. 6. To do List 만들기_(1) 컴포넌트의 기본 프레임 잡기 (1) 컴포넌트의 기본 프레임 잡기 (2) 컴포넌트의 통신 props,event (3) 각각의 컴포넌트에 기능 구현 To do List를 만들기 전에 컴포넌트의 구성에 대해 알고 있어야 한다. 우리가 쓸 컴포넌트는 총 5개로 App.vue/TodoFooter.vue/TodoHeader.vue/TodoInput.vue/TodoList.vue 이다. 컴포넌트란, 조합하여 화면을 구성할 수 있는 블록(화면의 특정 영역)을 의미, 사용이유, 재활용성과 수정에 용이 하기 때문이다. ( 하나의 컴포넌트에 모든 기능을 구현 하면 되지않을까 생각을 하겠지만, 프로젝트가 커진다면 어려움 그자체이다. 그렇다면 Todo List를 만들기 위해 컴포넌트를 어떻게 조합해야하는지 생각을 해보자. app.vue 안에 나머지 4개의.. 2022. 5. 6. 이전 1 2 3 4 5 다음
