멍개의 연구소

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..

● methodId etherscan을 보다보면 input Data가 다음과 같이 출력되는 모습을 볼 수 있습니다. 원래의 input data로 변환하면 다음과 같습니다. 여기서 methodID는 어떤 원리로 만들어 지는지 알아보겠습니다. ​ · solidity contract Test { function setA() public pure returns (bytes memory) { // return bytes4(keccak256('balanceOf(address)')); 해당 방법도 가능 return abi.encodeWithSignature("transfer(address,uint256)"); } } · web3 const Web3 = require('web3'); const web3 = new We..