목록개발 일기 (41)
고양이발일기
AWS Iot Core 사용기 (w. 라즈베리파이) (2)
2021.09.14 - [개발 일기] - [2021.09.14] AWS Iot Core 사용기 (w. 라즈베리파이) (1) [2021.09.14] AWS Iot Core 사용기 (w. 라즈베리파이) (1) 오늘은 연구실에서 맛있는 파이를 하나 받았다 .. ^-^ 람다에서 post해주는 함수를 라즈베리를 통해 통신하고자 하는 임무를 받아따 하지만 나는 iot core에 대해서 전혀 모르는 걸 .. ? 그래서 일단 sowish.tistory.com [참고] - https://pjw97.tistory.com/entry/raspberry-pi-aws-iot%EC%97%90-%EC%97%B0%EA%B2%B0%ED%95%B4%EB%B3%B4%EA%B8%B0-part1-%EC%82%AC%EB%AC%BC-%EC%83%..
AWS Iot Core 사용기 (w. 라즈베리파이) (1)
오늘은 연구실에서 맛있는 파이를 하나 받았다 .. ^-^ 람다에서 post해주는 함수를 라즈베리를 통해 통신하고자 하는 임무를 받아따 하지만 나는 iot core에 대해서 전혀 모르는 걸 .. ? 그래서 일단 무작정 따라해보기로 결심해따 홧팅 AWS Iot core console에 들어가줍니다. 관리 탭의 사물로 들어가 사물 생성해줍니다. 단일/많은 사물을 선택해줍니다. 저의 경우는 단일이므로 단일을 택해줍니다. 이름을 생성해주고 다음을 보니.. 섀도우가 있네요..? 공식문서를 다시 보니 AWS디바이스, 디바이스 연결 여부에 관계없이 앱 및 기타 클라우드 서비스로부터 디바이스 상태 데이터를 수집하고 보고할 수 있습니다. 이러한 점을 지원해주는 기능인 것 같다. 나중을 위해서 일단 체크 하고 보겠다 ㅋ....
Vue.js - nextTick 함수
watch에서 vuex로 부터 가져온 변수가 true 일때, true일때 show 되는 엘리먼트의 width를 가져오는 것이 내 목표였다. watch에서는 함수를 잘 불러오는 거 같다. 콘솔로도 확인을 해봤으니..! 근데 외않됄까? 이유는 true로 바뀌고 optioncard가 화면에 나타나기 전에 함수를 실행해 버려서 width값이 0으로 나와벌이는 것이여따 .. Javascript는 데이터갱신을 감지하고 UI를 갱신하는 순서 이지만 모든 데이터처리가 비동기로 처리되는 특성때문에 UI가 갱신도 되기전에 DOM들을 탐색하는 상황이 나오게 된다. 그래서 조언을 구한 결과 nextTick이라는 함수를 사용해보는 것이었음! nextTick은 Vue에서 제공하는 callback 함수이다. 정말 유용한 것.. f..
css grid를 사용해서 리스트 정렬하기
파일리스트 정렬하면서 아주 레이아웃이 지멋대로 움직여서 수정의 수정의 수정 끝에 완성해따 문제 하지만 가운데 정렬을 위해 맥여놓은 justify-content : center 때문에 컨텐트가 하나만 있는 경우 .. 얘 마저도 가운데 정렬이 됨 이때 사용했던 코드 display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, max-content)); grid-gap: 12px; justify-content: center; 여기서 auto-fit을 auto-fill로 바꿔주고 max-content를 1fr로 바꿔주니 해결이 완료 되었다! display: grid; grid-template-columns: repeat(auto-fill, minma..
프로젝트에서 날짜의 범위를 검색해야하는 부분이 있어 어떻게 쿼리문을 구성해야했는데 gt, lt라는 옵션이 있었다! GET /_search { "query": { "range": { "age": { "gte": 10, "lte": 20, "boost": 2.0 } } } } 이런식으로 구성하면 10-20의 사이의 값을 지닌 age의 값을 찾는 것이다. gt 초과 gte 이상 lt 미만 lte 이하 format date쿼리의 값 을 변환하는 데 사용되는 날짜 형식 날짜 같은 경우는 날짜 형식으로 구성해주면된다. GET /_search { "query": { "range": { "timestamp": { "gte": "2018-01-02T16:01:00", "lte": "now/d" } } } } GET /_..
ES를 사용해서 검색기능 추가하기 (2)
Lamda console에 들어가서 설정해줍니다. 1. 함수 생성버튼을 눌러 함수를 생성합니다. 2. 함수 이름을 API gateway에서 설정해준 대로 설정해줍니다. 전 글에서는 search-es-lambda로 설정해두었으니 해당 이름으로 지정해줍니다. 언어는 파이썬을 선택했습니다. 3. lambda_function.py를 수정해줍니다. import boto3 import json import requests from requests_aws4auth import AWS4Auth region = '' # For example, us-west-1 service = 'es' credentials = boto3.Session().get_credentials() awsauth = AWS4Auth(credenti..