web3.js
-
[React] web3-react로 MetaMask 지갑을 연결해보자WEBn/React 2022. 1. 19. 17:40
안녕하세요 오늘은 개발 내용을 올려보려 합니다. 취업하고 나서 바쁜 일정을 보내느라(..핑계) 포스팅을 못했는데 오늘은 꽤 유용할 내용을 포스팅하겠습니다. Vue.js에서는 MetaMask 연결을 손쉽게 했었는데 React.js는 좀처럼 잘되지 않았습니다ㅠ 고생하지 않도록 React에서 MetaMask 연결 시작하겠습니다 ! 오늘의 목표 web3-react를 이용해서 frontend에서 metamask를 연결 ✅git 주소 : https://github.com/HongDaeEui/web3-react-connect-MetaMask/blob/main/README.md 🔰시연 영상 web3-react란? React를 사용하여 Etherum dAPP을 구축하기 위한 프레임워크 MetaMask/Trust/Toke..
-
나만의 EtherScan만들기 with ganache, Web3.jsBlockChain/Technology 2021. 8. 5. 22:28
소개 가나슈를 이용하여 간이 블록체인을 만들고, Web3.js를 가지고 이더리움 주소/트랜잭션/블록 정보를 조회하는 사이트를 만들었습니다. 자유롭게 블록체인 내의 계정과 트랜잭션, 블록의 정보들을 조회하고, 확인할 수 있습니다. 관련 코드는 https://github.com/HongDaeEui/BlockchainProject/tree/main/MyEtherscan 에서 보실 수 있습니다. Ganache 가나슈(Ganache)란 테스트 목적으로 PC에 설치해서 사용할 수 있는 일종의 간이 블록체인입니다. 네트워크와 연결할 필요없이 로컬에서 작동시킬 수 있어 손쉽게 테스트할 수 있습니다. 테스트를 위해 100개의 이더가 미리 탑재된 10개의 테스트 계정을 확보하게 된다. ! 이더스캔을 사용하기 전에 가나슈를..