-
나만의 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개의 테스트 계정을 확보하게 된다.
! 이더스캔을 사용하기 전에 가나슈를 다운 받아 실행시켜 놓아야 합니다.Web3.js
Web3.js는 JavaScript 기반으로 JSON RPC API와 함께 Ethereum의 표준 API이다. 이더리움은 스마트 컨트랙트의 함수를 싱행하고 자 한다면 노드에 질의를 보내 1. 스마트 컨트랙트의 주소 2. 실행할 함수 3. 함수에 전달할 변수들을 전달해야 하는데, JSON-RPC 가 아닌 자바스크립트 인터페이스로 상호작용할 수 있게 해 준다.
기능
1.메인화면
사이트를 실행하면 메인에 에메랄드빛 바다 배너와 함께 검색창이 나옵니다. 검색창에 이더리움 계정의 주소, 트랜잭션 해시값, 블록 넘버를 입력할 수 있습니다.
2.주소보기
가나슈를 돌려 간이 블록체인을 만들고, 생성된 10개의 테스트 계정 주소를 보여줍니다.
3. 주소 검색
주소를 입력하면, 현재 계정의 잔액, 원화로 환전한 이더 잔액을 볼 수 있습니다. 또 send에서 직접 다른 주소로 이더를 보낼 수 있습니다.
1번 계정으로 3번 계정에 3 Eth를 보낸 화면입니다.
4. 트랜잭션 검색
좀전에 이더를 송금한 트랜잭션을 검색해 보았습니다. 블록의 해시값과 넘버, 보낸 주소, 가스, 가스가격 등을 확인할 수 있습니다.
5. 블록넘버 검색
이번에는 이더를 송금한 트랜잭션이 처리되어 생성된 블록의 정보를 조회하였습니다. 트랜잭션의 블록넘버가 1이었으므로 1을 검색하면 블록의 해시값, 이전 블록의 해시값, 처리된 트랜잭션 내역이 나옵니다.
'BlockChain > Technology' 카테고리의 다른 글
같이보는 Blockchain (8) 블록체인의 미래 <1> (0) 2021.08.10 나만보는 Blockchain 개념 (7) 크립토 좀비로 알아보는 솔리디티 -1편- (0) 2021.08.08 나만보는 Blockchain 개념 (4) 솔리디티로 이더 송금하기 (1) 2021.07.27 나만보는 블록체인 개념 (3) 토큰 컨트랙트 -1 (0) 2021.07.27 나만보는 Blockchain 개념 (1) 이더리움 (0) 2021.07.26