멍개의 연구소

web3와 ethers으로 메타마스크를 이용하여 트랜잭션을 발생하는 방법을 알아보겠습니다. ​ 확장프로그램 메타마스크가 설치되어 있다면 메타마스크 프로바이더가 window 객체에 ethereum으로 포함되어 있습니다. 근데 vanilaJS로는 window.ethereum 포함된것을 가지고 오기가 좀 까다로우므로 react에서 발생시켜보겠습니다. ​ window.web3.currentProvider(레거시) 또는 window.ethereum(현재버전)으로 가져오면 됩니다. ​ ● ethers provider에 메타마스크 프로바이더를 넣어줍니다. ​ window?.web3?.currentProvider window.ethereum import { providers, Wallet, utils, Contract..

최신 리액트 버전에서 web3를 사용할 때 다음과 같이 에러가 발생합니다. // src/App.js import Web3 from 'web3'; // 에러발생 지점 function App() { const onClickHandler = async () => { const web3 = new Web3( window?.web3?.currentProvider // 메타마스크 프로바이더 || 'http://localhost:8545' ); const accounts = await web3.eth.requestAccounts(); console.log(accounts) const tx = await web3.eth.sendTransaction({ from: accounts[0], to: '0xAd46355359a..

ethers는 web3.js처럼 이더리움 네트워크를 조회하고 조작할 수 있는 인터페이스를 제공하는 라이브러리입니다. 그렇다면 web3.js대신 ethers.js를 사용해야하는 이유는 무엇일까? ​ ethers는 provider와 signer를 주입하는 형태로 유연한 코드 작성이 가능하다고 생각합니다. · 설치 $ npm install --save ethers ethers는 크게 4개의 객체를 제공합니다.​ ▶ CommonJS const { providers, Wallet, utils, Contract } = require('ethers'); ▶ ESM import { providers, Wallet, utils, Contract } from "ethers"; ▶ CDN ● providers provide..

ERC20의 인터페이스 중 symbol이 존재합니다. ERC20을 배포하면서 symbol을 초기화하게 되는데 이때 주의할 점이 있습니다. ​ 기본적으로 symbol 자체는 길이가 정해져있지는 않지만 메타마스크를 기준으로는 토큰 기호가 11자리가 넘어가지 않는것을 권장합니다. 여기서 또 하나 궁금증이 생겨서 테스트를 진행해보았습니다. 한글로 설정한다면? 다행히 한글은 정상적으로 동작합니다. ​ 마지막으로 토큰 십진수로 표시되어 있는 부분은 decimals인데 이 부분은 UINT8이 표준이므로 0~255까지 256개의 데이터를 허용합니다.