profile
Front-End Developer
post-thumbnail

How to save W5100S-EVB-Pico MQTT Message in AWS DynamoDB

⚡ 들어가기 이 포스팅은 W5100S-EVB-Pico로부터 MQTT Message를 받아서 이를 DynamoDB에 저장하는 튜토리얼입니다. 먼저 MQTT Message를 IoT Core에서 받아서 rule에 따라 처리됩니다. 이 rule은 MQTT Message를 Dy

2022년 5월 4일
·
0개의 댓글
post-thumbnail

AWS Cognito User pool을 DynamoDB에 저장하기

Cognito user pool은 사용자 정보를 담고 있는 디렉터리이다. 이 정보를 DB로 Export하는 기능은 없고, 회원가입 시에 Post confirm lambda를 트리거해서 Lambda에서 user 정보를 DB에 저장하도록 구현했다.Cognito user p

2022년 4월 7일
·
0개의 댓글
post-thumbnail

AWS Cognito + Amplify UI + React

이 포스팅에서는 AWS의 Cognito user pool을 사용해서 React app에서 사용자 인증 과정(sign-up, sign-in, sign-out)을 구현하고자 한다.웹 및 모바일 앱에 대한 인증, 권한 부여 및 사용자 관리를 제공함.사용자는 사용자 이름과 암

2022년 4월 6일
·
0개의 댓글
post-thumbnail

Fix "TypeError: destroy is not a function"

리액트 앱 개발 중 destroy is not a function 에러 발생.구글링 해보니 useEffect를 사용할 때 문제라고 한다.이전 코드는 이렇게 해두었는데, 함수에 {} 를 적어줘야 한다.코드 변경참조https://typeofnan.dev/fix-u

2022년 4월 6일
·
0개의 댓글
post-thumbnail

Postman으로 AWS Signature v4 생성

1. AWS Signature를 생성해야 하는 이유 AWS Signature 4는 HTTP에서 보낸 AWS 요청에 인증 정보를 추가하는 프로세스. HTTP 요청을 AWS에 보낼 때 AWS가 누가 요청을 보냈는지 식별할 수 있도록 요청에 서명합니다. 액세스 키 ID와 보

2022년 3월 31일
·
0개의 댓글
post-thumbnail

AWS IoT Core + Lambda + DynamoDB

이 포스팅은 기록용입니다. 내용이 정확하지 않을 수 있습니다. 참조한 블로그 주소는 여기 입니다.Device에서 생성한 MQTT Message를 클라우드 서비스에서 활용하는 예시입니다. MQTT 메시지만 있으면 어디에서나 활용할 수 있습니다. 연결하는 과정은 생략해두었

2022년 3월 11일
·
0개의 댓글
post-thumbnail

W5100S-EVB-Pico + AWS IoT Core + S3

이 포스팅은 AWS IoT Core에서 Rule을 사용해서 S3로 데이터를 저장하는 과정을 담고 있습니다. 디바이스와 AWS IoT Core가 연결되어 있다는 전제 하에 진행합니다. 보내고자 하는 데이터의 형태는 아래와 같이 temperature, humidity 형태

2022년 3월 8일
·
0개의 댓글
post-thumbnail

W5100S-EVB-Pico + AWS IoT Core + DynamoDB

이번 포스팅은 AWS IoT Core에서 DynamoDB로 데이터를 보내서 저장하는 것에 초점.연결에 관한 자세한 방법은 포스팅 참조이전과 똑같이 “RP2040 HAT AWS C” 프로젝트를 활용.MQTT 메시지를 temp, humidity가 0~100 사이 랜덤 값으

2022년 3월 8일
·
0개의 댓글
post-thumbnail

MQTT.fx 설치 및 사용

1.7.1 버전을 설치했으며, 아래의 링크에서 다운로드 받아서 install 진행하면 된다.https://www.jensd.de/apps/mqttfx/1.7.1/Profile Name - 원하는 이름 입력Profile Type - MQTT Broker 선택Br

2022년 2월 17일
·
0개의 댓글
post-thumbnail

Grafana Alerting

이번 포스팅은 Grafana에서 Amazon Timestream을 연동해서, 특정 데이터가 들어오는 경우 이메일로 알림을 보내도록 하는 과정을 설명합니다.Grafana에서 Alerting 페이지에 들어가서 New alert rule을 클릭Rule name은 어떤 규칙인

2022년 2월 17일
·
0개의 댓글
post-thumbnail

W5100S-EVB Pico + AWS IoT Core + Amazon Timestream + Grafana

1. Raspberry Pi Pico + AWS IoT Core 1) Raspberry Pi Pico + AWS IoT Core 연결 이 내용은 앞서 포스팅 해두었으므로 아래의 포스팅 링크를 참조. Raspberry Pi Pico + AWS IoT Core + MQTT

2022년 2월 15일
·
0개의 댓글
post-thumbnail

MQTT Broker Mosquitto Windows 설치

MQTT(Message Queueing Telemetry Transport)의 약자로, 최소한의 전력과 패킷량으로 통신하는 프로토콜이다.저전력 배터리나 네트워크 상태가 좋지 않은 제한적인 환경에서 동작하게 하기 위한 용도로 만들어졌다.⇒ 낮은 전력과 낮은 대역폭 환경에

2022년 1월 27일
·
0개의 댓글
post-thumbnail

AWS Timestream + Grafana 연동

0. 들어가기 ✔ Timestream이란? IoT 및 운영 애플리케이션으로 제공되는 확장이 용이한 고속 서버리스 시계열 데이터베이스 최신 데이터는 메모리에 저장하고 기록 데이터는 사용자 정의 정책을 기반으로 비용이 최적화된 스토리지에 저장함. 시계열 데이터 수명 주기

2022년 1월 26일
·
0개의 댓글
post-thumbnail

W5100S-EVB Pico + AWS IoT Core + MQTT 개발 환경 구축 및 실습

개발 보드. 이더넷 연결이 가능함. 자세한 건 홈페이지 참조The W5100S-EVB-Pico is a microcontroller evaluation board based on the Raspberry Pi RP2040 microcontroller chip and f

2022년 1월 19일
·
0개의 댓글

[Git] Git 블로그 만들기(3) jekyll theme 적용

jamstackthemes.devjekyllthemes.orgjekyllthemes.iojekyll-themes.comrepository를 download zipclone을 사용하는 방법도 있지만 downlaod가 편한 것 같음.다운로드한 폴더의 압축을 풀어줌.전체 파

2022년 1월 17일
·
0개의 댓글

[Git] Git 블로그 만들기(2) jekyll 설치

윈도우 환경에서는 Ruby 다운로드 사이트에 방문해서 Ruby + Devkit을 다운로드 한다.설치가 완료되면 command 창에서 Start Command Prompt with Ruby를 실행.gem install jeykyll bundler 명령을 입력해서 Jeky

2022년 1월 17일
·
0개의 댓글

[Git] Git 블로그 만들기 (1)

1) New Repository 생성2) Repository name은 반드시 username.github.io로 만들기 \- README 파일 체크.3) clone 하기 \- 생성된 Repository에서 주소를 clone 해옴. \- 원하는 폴더 위치에 가서

2022년 1월 17일
·
0개의 댓글
post-thumbnail

[React] APEXCHARTS.JS (RadialChart, LineChart)

Modern & Interactive Open-source Chartsjs 기반 차트 라이브러리.JS, Angular, Vue, React를 지원함.install npm install apexcharts --save참조Annotation 표시공식 홈페이지Github

2022년 1월 17일
·
0개의 댓글
post-thumbnail

[React] Icon 사용하기 (mui-icon, react-icons, @tabler-icons)

아이콘 검색 MUI 홈페이지원하는 Icon copy해서 사용공식 홈페이지참조

2022년 1월 17일
·
0개의 댓글

[React] react-router-dom v6 navigate (history)

react-router-dom v5에서는 useHistory를 사용해서 페이지 이동.v6에서는 useHistory 대신 useNavigate를 사용해서 페이지 이동.참조참조

2022년 1월 17일
·
0개의 댓글