목표는 내 localhost 환경에서 작성한 스마트 컨트랙트를 vue3를 이용해 사용하는 것입니다. 간단한 스마트 컨트랙트 Solidity Docs에 가면 아주 기본적인 코드가 있습니다. 일단은 아주 간단한 함수라도 실행해보는게 목표이기 때문에 아래 코드를 사용하기로 했습니다. https://solidity-kr.readthedocs.io/ko/latest/introduction-to-smart-contracts.html 스마트 컨트랙트 소개 — Solidity 0.5.10 documentation 소개 Ethereum 가상머신, EVM은 Ethereum의 스마트 컨트랙트를 위한 런타임 환경입니다. 이것은 완전히 독립되어 있기 때문에 EVM 에서 실행되는 코드는 네트워크나 파일 시스템, 기타 프로세스들에..

처음에는 아주 가볍게 '오른쪽으로 border 그대로 빛나면서 그려지는 animation 하나 있으면 좋겠다' 라고 생각했다. 아주 쉽지 않았고 border animation 에 관한 자료도 많이 찾아봤지만 많이 없었다. 4개의 래퍼런스를 찾아보았는데 비슷한 패턴들이 보여서 정리해보았다. 1. Border는 Border가 아니다. Border에 Gradient를 넣거나 Animation을 넣는 경우는 전부 border를 사용하지 않는다. 그게 무슨 말이냐면 좀 더 큰 Box를 뒤에 만들어서 가리는 형태이다. 첫 이미지를 보면 이쁘게 Gradient까지 적용한 Border로 보이지만 사실은 좀 더 큰 Gradient Box이다. 이 Box 이미지를 :before, :after에 적용을 시키고 animati..

일시 - 2021년 9월 29일 - 10월 1일 경로 29일 센트럴시티터미널 - 전주고속버스터미널 - 덕천식당 - 숙소 - 다랑가옥 - 숙소 30일 숙소 - 평화와평화 - 전라감영 - 전주한옥마을 - 천일베이커리 - 숙소 - 은성슈퍼 - 전주덕진공원 - 숙소 1일 숙소 - 멜브 - 전주수목원 - 전주고속버스터미널 - 동서울터미널 29일 첫째날 AM 10:40 센트럴시티터미널에서 일반버스를 탔다. 센트럴시티는 정말정말 좋아졌다. PM 1:45 전주고속버스터미널 도착. 3시간 정도 걸렸다. PM 2:00 덕천식당에서 순대국밥. 내장만 나온다고 해서 겁먹었는데 맛있었다. 잡내도 없다. PM 5:30 숙성참치를 파는 다랑가옥. 잘 주셨고 잘 먹었다. 30일 둘째날 PM 1:10 카페 평화와평화. 인테리어가 좋은..

Flutter가 Null Safety를 지원하면서 기존에 쓰던 관계를 그대로 사용하기가 아주 어려워졌습니다. (개인적으로) https://flutter.dev/docs/null-safety Null safety in Flutter Find out how to use non-nullable types in your Flutter code. flutter.dev 기존에 Provider 환경에서 User Model과 SharedPreference를 쓰던 방법이 많이 바뀌어서 한 번 공유해보겠습니다. 실행이 되기 위한 수정방법이기 때문에 많이 부족할 수 있습니다. Before login Provider.of(context, listen: false).setUser(user); UserProvider class ..

다음은 DynamoDB에서 항목들을 가져와서 보여주는 방법입니다. DynamoDB 항목 가져오기 저는 전체 내용을 가져오기 위해 scan을 사용했습니다. const dynamoDB = new AWS.DynamoDB.DocumentClient(); const params = { TableName: table, }; const lists = await dynamoDB.scan(params).promise(); const array = []; lists.Items.forEach((data) => { array.push(data); }); hbs에 보여주기 위에서 생성된 array를 lists로 리턴을 받아서 hbs를 이용해 보여줍니다. 제가 원하는 오더를 위해서 중간에 sort를 진행했습니다. lists.th..

사내에서 과제 사이트를 만들어야 할 일이 있어서 NestJS를 사용해보았습니다. 일주일 정도 걸린 것 같은데 생각보다 우여곡절이 많아서 그 내용을 가볍게 공유해보고자 합니다. 필요한 기능 사용자는 첫 화면에 접속해서 몇가지 input 정보를 입력합니다. form을 이용해 넘어가면 화면에서 임의의 랜덤 값으로 cookie를 생성 후 dynamodb에 정보를 기록합니다. 문제를 봅니다. 이미 express로 만들어 놓은 간단한 기능이기 때문에 경험이 없는 NestJS로도 며칠 고생하면서 만들면 금방 만들거라고 생각했습니다. serverless를 사용한다면 아직 fastify는 추천하지 않습니다. 간단한 프로젝트는 전부 serverless를 사용하기 때문에 이번에도 사용했습니다. 일단 NestJS에서 serv..