일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- React
- nginx
- nft
- NextJS
- Kaikas
- node
- metamask
- polygon
- exceljs
- 오블완
- 배포
- Remix
- Setting
- chatGPT
- miniconda
- nodejs
- jquery
- 회고
- CSS
- Ai
- Laravel
- 티스토리챌린지
- 공연티켓
- pagination
- 라라벨
- PM2
- 블록체인
- threejs
- netfunnel
- Python
- Today
- Total
목록전체 글 (138)
박주니 개발 정리
설명 이유) nft 트랜잭션을 진행할 때 간혹 pending 상태를 마주할 때가 있습니다. 그래서 그 상태를 무시하고 다시 트랜잭션을 시도할 때 그 시도한 것도 pending으로 되는 것을 볼 수 있는데 빠른 방법으로 바로 다시 시도할 수 있는 방법을 알게 되었고 nft 테스트를 할 때는 유용하다고 생각하여 정리하게 되었습니다. 메타마스크 지원팀도 해당 에러를 이 방식으로 해결하라고 추천했습니다. 1. 메타마스크에서 내 계정을 클릭합니다. 그리고 설정을 클릭합니다. 2. 설정을 클릭합니다. 3. 계정 재설정을 클릭합니다. tip) pending 무시하고 계속 진행할 때 실패 이력도 블록체인에 기록되기 때문에 nonce가 충돌될 수 있기 때문에 최대한 계정 재설정을 선택을 하거나 트랜잭션을 제대로 성공 또..
적절한 polygon gas 설정을 하기 위해서는 먼저 polygon 네트워크의 현재 가스 가격과 블록당 평균 가스 사용량 등의 정보를 확인할 수 있어야합니다. polygon gas 비용 확인 1. polygonscan을 검색해서 접속합니다. https://polygonscan.com/ Polygon (MATIC) Blockchain Explorer PolygonScan allows you to explore and search the Polygon blockchain for transactions, addresses, tokens, prices and other activities taking place on Polygon (MATIC) polygonscan.com 2. 해당 사이트 header에서 M..
https://sketch.metademolab.com/ Animated Drawings sketch.metademolab.com 1. 종이에 간단하게 서있는 캐릭터를 그립니다. (움직임을 줄 때 체크하기 편합니다) 저는 인스타에서 animated drawings 활용을 보고 바로 회사에서 잠깐 휴식시간에 30초안에 대충 그린 캐릭터입니다. 그냥 아무 낙서 서있는 모습 그리시고 테스트하면 마음이 편해집니다. 2. 해당 사이트 들어가셔서 get started를 클릭합니다. 3. upload photo 버튼을 클릭합니다. 3-1. 종이에 간단하게 서있는 캐릭터 캡쳐한 것을 선택해서 올립니다. 4. agree 버튼을 클릭합니다. 5. finding the character에 이미지 영역 지정을 참고하셔서 해당..
사용 이유) nft 마켓을 운영하게 될 때 1차 판매 관리자가 사용자에게 판매해서 owner address가 사용자로 지정이 되었고 그 사용자가 nft 자체 마켓이 아닌곳 예를 들어서 opensea에서 회원이 아닌 다른 사용자에게 nft 판매했을때에는 기록을 따로 관리하거나 삭제를 해야하기때문에 그것을 체크하고 관리하기 위해서 구현하게 되었습니다. 초기 설정) node, pm2 pm2 설정하는 방법은 node-pm2 설정으로 별도 정리해서 올렸습니다. 참고하시면 됩니다. 1. web3를 설치하고 web3를 설정합니다. 추가 설명) endpoint 설정은 infura 적용을 해봤지만 안돼서 quicknode에 받은 url 설정했습니다. const Web3 = require("web3"); const web..
설명 이유) 노드 모니터링을 진행할 때 저는 pm2로 설정해서 vagrant 접속했을 때 설정한 함수가 계속 모니터링을 진행하기 위해 설정했습니다. laravel에서 스케줄러를 진행하기 위해 crontab을 진행한 것처럼 node에서는 pm2를 활용했습니다. 1. vagrant 환경에서 sudo npm install pm2 -g를 진행합니다. 2. pm2 list를 입력하셔서 해당 이미지처럼 나오는 지 확인합니다. 3. pm2 start [실행 파일]을 입력해서 노드 모니터링을 진행할 파일을 연결합니다. 4. pm2 log를 하셔서 로그가 정상 작동되는 지 확인합니다. tip) pm2 stop all - pm2 실행된 파일 전체를 멈춥니다. pm2 restart all - pm2 리스트 파일 모니터링을 ..
airdrop 적용을 하기 전 이해) airdrop을 사용하는 이유는 발행자 또는 소유자가 해당 nft를 전달하고자하는 대상에게 본인 가스비 수수료를 지불하고 무료로 주기 위함입니다. 그렇기 때문에 airdrop을 적용하기 위해서는 먼저 본인 소유인 발행된 nft가 있어야합니다. 설명은 본인 소유인 nft가 있다는 전제 조건하에 진행하겠습니다. 셋팅하는 부분에 자세한 부분을 이해하고 싶으시면 performanceNFT 적용 방법을 참고하시면 됩니다. airdorp은 추가 기능이기 때문에 nft 거래까지 이해하시고 접근하시는 것을 추천합니다. 1. abi를 셋팅합니다. { "inputs": [ { "internalType": "address[]", "name": "recipients", "type": "a..
적용하게 된 이유) 에어드랍은 batchTransfer 사이트를 이용해서 airdrop을 이용했었습니다. 그런데 문제는 엑셀로 별도 데이터를 정리해서 그 내용을 복사 후 중간을 거쳐서 airdrop을 진행하는 것이 비효율적이였고 recordNFT와 performanceNFT를 만들었던 경험으로 airdrop도 자체서비스로 만들게 되었습니다. 배포 방법) 1. remix에 접속해주시길 바랍니다. https://remix.ethereum.org/#lang=en&optimize=false&runs=200&evmVersion=null&version=soljson-v0.8.18+commit.87f61d96.js Remix - Ethereum IDE remix.ethereum.org 2. File explorer을..
지금 이 설명을 듣기 위해서는 그전에 설명했던 공연티켓 nft 발행 및 signature 과정이 필요합니다. 그래서 전 과정에서 signature 값이 있어야 purchaseNFT abi를 이용하실 수 있습니다. 해당 abi도 공연티켓 nft 발행 및 signature 설명할 때 같이 포함되어있습니다. 여기에 별도로 올릴 수는 있지만 오히려 그것이 더 차질을 드릴 거 같아서 한번에 가져오는 것을 추천합니다. 지금 설명하기 전에 앞서서 이제 구매자 입장에서 하신다고 생각하고 진행해야합니다. 즉 메타마스크 wallet address도 발행자 address랑 다르게 설정하고 진행하는 것을 추천합니다. 메타마스크에서 계정생성을 별도로 해서 진행하시는 것을 추천합니다. // 티켓 발행 async function ..