Team Project 3

React-Web3 Etherscan API (Ropsten Net) Transaction History조회 및 Data 필터링

2022.09.15 - [Team Project/BlockChain-P2P] - React Web3 Metamask 연동, 새로고침 연결유지, Balance(잔액 가져오기) React Web3 Metamask 연동, 새로고침 연결유지, Balance(잔액 가져오기) react version : react 18 lib : web3 api : metamask network : Ropsten 포스팅 내용 1. Metamask 연결하기 1-2. 새로고침시 연결 유지하기 - 연결 함수에서 한번 연결하면 localStorage에 값을 저장하고 이후.. chasonghui.tistory.com 이전글에서 이어지는 내용이다. 이전글에서 메타마스크api를 연동하고 커스텀 훅을 통해서 내 계정의 잔액을 가져오는 코드를 작..

React Web3 Metamask 연동, 새로고침 연결유지, Balance(잔액 가져오기)

react version : react 18 lib : web3 api : metamask network : Ropsten 포스팅 내용 1. Metamask 연결하기 1-2. 새로고침시 연결 유지하기 - 연결 함수에서 한번 연결하면 localStorage에 값을 저장하고 이후 새로고침시에 localStorage를 확인해서 true면 자동으로 연결되도록 2. 내 계정 잔액 가져오기 - useBalance 훅 3. Transaction 보내기 3-1. Transaction hash 로 Transaction Detail가져오기 아직 컴포넌트 분리는 안해서 전부 App.js에서 동작하도록 했다. 이후 분리할 예정 현재 실행 화면 1. 실행 시 버튼 나오기 2. 버튼 클릭 시 메타마스크 프롬포트를 통해 연결 3...