멍개의 연구소

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

안녕하세요 멍개입니다. 이번글에서는 이더리움에서 트랜잭션 실행할 때 발생할 수 있는 gas 에러를 살펴보겠습니다. ​ ▶ out of gas ▶ exceeds block gas limit ▶ gasLimit is too low ▶ base fee exceeds gas limit ​ · 네트워크 실행 $ ganache-cli · out of gas 트랜잭션을 실행하여 상태를 변경할 때 실행된 코드에 따라 가스를 소모합니다. 이때 트랜잭션엔 어느정도 코드 실행을 할지 결정하는 gas를 설정할 수 있는데 설정된 값보다 더 많은 코드를 실행하려고 할 때 발생하는 에러입니다. // SPDX-License-Identifier: UNLICENSED pragma solidity ^0.8.10; contract Mung..