멍개의 연구소

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

안녕하세요. 멍개입니다. 오늘은 web3.js를 이용하여 노드에서 block이 생성되면 해당 블럭에 대한 이벤트를 받는 방법을 소개해드리겠습니다. 먼저 web3.js를 설치합니다. $ npm install --save ethereum/web3.js web3.js를 설치했으면 노드에 연결후 블럭에 대한 이벤트를 받아줍니다. const http = require('http'); const Web3 = require('web3'); const web3 = new Web3(new Web3.providers.HttpProvider('http://localhost:8545')); const filter = web3.eth.filter('latest'); filter.watch(function(error, resul..

react-boilerplate 사용방법해당 프로젝트는 일반적인 react를 사용하기 전에 이런저런 환경설정을 미리 셋팅을 해둔 프로젝트 입니다. 해당 프로젝트는 아래의 설정들을 거쳐 해당 명령어만 실행을 해주면 일반적인 react 프로젝트를 실행 시킬 수 있습니다.1. git clone https://github.com/pjt3591oo/react-boilerplate.git - 프로젝트 클론하기 2. npm install – Dependency 설치하기 3. npm start – 개발 서버 실행하기 (포트: 7777)위 명령어를 실행 하였으면 http://localhost:7777로 접속해보기해당 프로젝트의 자세한 설명은 아래에 작성하였습니다.시작하기 앞서서npm 3.10.6이상 버전 설치 권장 : ..