profile
Front-End Developer

[Error] Missing credentials in config, if using AWS_CONFIG_FILE, set AWS_SDK_LOAD_CONFIG=1

React app 개발 중 .env에 환경변수를 설정하고 사용하려고 하니 에러가 발생했다.기존 코드알고 보니 React 환경 변수는 앞에 'REACT_APP' 이 필수로 들어가야 한다는 것이었다..env에서 변수 명을 변경해서 사용하니 정상 작동함.변경 코드

2022년 6월 16일
·
0개의 댓글

react-router-dom v6 Link state 전달

Dashboard List에서 Dashboard title을 클릭하면 dashbaord ID를 가지고 Dashboard Detail 페이지로 넘어가게 된다.기존에는 Link에서 경로에 /:dashboardId 형태로 전달했는데, 어느 순간 갑자기 경로를 인식하지 못해서

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

Azure App Service 배포 오류 해결

React app을 Azure의 App service에 배포하는 과정에서 에러가 발생했다.Azure에서 기본으로 제공하는 node.js를 배포하는 .yml 파일을 사용해서 배포했는데 에러가 발생했다.yml 파일을 수정하니 배포는 문제없이 되었는데, 배포가 완료되었음에도

2022년 5월 30일
·
0개의 댓글
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개의 댓글