Block Chain/Web3 Library6 Ganache 가나슈 설치 및 연동 방법 || Canache-Cli | Metamask | Remix || 가나슈(Ganache)는 컴퓨터의 Localhost에 이더리움 네트워크(EVM)를 생성하여 테스트를 진행할 수 있도록 해주는 Web3 테스트 툴입니다. 가나슈 등을 이용해 만든 가상 환경을 TestRPC라 합니다. 가나슈 설치 가나슈는 두가지 버전이 있습니다. GUI에서 사용할 수 있는 애플리케이션을 설치하여 가상의 EVM을 설정할 수 있습니다. CLI에서 터미널로하여 가상의 EVM을 생성하여 EVM을 설정할 수 있습니다. > GUI와 CLI 란? https://borntodevelop.tistory.com/entry/%EC%BB%B4%ED%93%A8%ED%84%B0%EC%9D%98-IO%EC%99%80-%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4-CLIGUI?cat.. 2022. 10. 29. IPFS Node.js 이미지 올리기 || IPFS | ipfs-api | Node.js || back-end .ver IPFS 란? IPFS는 연결된 모든 컴퓨터에 데이터를 분산시키는 데이터 분산 시스템입니다. 기존의 중앙화된 서버와 달리, 연결이 차단되거나 서버가 회손되어도, P2P 통신으로 다른 컴퓨터에 있는 데이터를 받아 갱신을 수 있기에, 훨신 빠르고 안전한 네트워크입니다. ※ 본 게시글은 서버(NodeJS)에서 IPFS P2P에 사진 및 데이터를 베포하여 ipfs URL을 얻는 방법에 대해 다룹니다. 프론트(React)에서 IPFS를 다루는 게시글은 아래 링크를 참조해 주세요. // todo : React + IPFS 1. IPFS 설치 IPFS는 위 설명처럼 모든 컴퓨터들을 연결하는 프로세스입니다. IPFS가 지정하는 데이터 저장소를 각 PC에 받아 사진, 파일 등의 데이터를 저장소에 올리면 P2P 시스템에 .. 2022. 10. 25. 메타마스크 리액트 토큰(ERC20) 추가 구현 || React | Metamask | ehters.js | EIP-747 || EIP-747에서 Dan Finlay와 Esteban Mino의 토론으로 만들어진 EIP로, 사용자가 방문 중인 사이트에서 제안된 새 자산(ERC20)을 쉽게 추적할 수 있도록 지원하는 인터페이스(RPC)를 제안했습니다. EIP - 747 이란? https://borntodevelop.tistory.com/entry/EIP-747-%EC%9D%B4%EB%9E%80-Ethereum-Improvement-Proposal-Metamask EIP-747 이란? || Ethereum Improvement Proposal | Ethereum | Metamask || EIP-747이란? EIP-747이란 이더리움 개선 제안(Ethereum Improvement Proposal) 747 페이지에 정의된 내용으로, 이더.. 2022. 10. 7. 메타마스크 리액트 네트워크 추가 & 전환 구현 || React | Metamask | ehters.js || 블록체인에는 다양한 네트워크가 존재합니다. 메타마스크를 통해 직접 네트워크를 변경할 수 있지만, 개발하는 Dapp이 일부 네트워크만 지원하는 경우, UI상으로 전환 기능과 네트워크 추가 기능을 구현해 놓으면 UX 측면에서 좋은 반응을 얻을 수 있습니다. 메타마스크에는 네트워크 전환 & 추가 기능을 지원합니다. > 메타마스크 공식문서 링크 개발 및 코딩 플로우 1. 메타마스크 네트워크 전환 API 호출 2. 사용자 메타마스크에 해당 네트워크 ID가 있는 경우 -> True ㄴ API로부터 true를 받은 경우, 네트워크 전환에 성공합니다. 3. 사용자 메타마스크에 해당 네트워크 ID가 없는 경우 -> False ㄴ API로부터 false를 받은 경우, 사용자의 메타마스크에 해당 네트워크 ID가 추가되어 있.. 2022. 10. 2. 메타마스크 리액트 지갑 연동 || React | Metamask | ethers.js || KR Metamask는 이더리움에서 만든 CA 관리 애플리케이션입니다. CA 생성뿐만 아니라, Coin 및 Token 관리, 트랜잭션 , 계좌 생성, private key 관리까지 블록체인 네트워크를 이용하기 위한 다양한 서비스를 제공합니다. 때문에 web3 dapp을 개발하는 사람은 필수적으로 프론트에 Metamask를 연결할 줄 알아야 합니다. 오늘은 가장 많이 사용하는 프론트 프레임워크 리액트와 Metamask를 연동시키는 방법을 ethers 모듈을 이용해 만들어 보겠습니다. ※ 본 게시글은 프론트엔드 개발 분야가 아닙니다. CSS와 디자인 요소는 다루지 않습니다. 원하시는 분은 Github에 올린 코드를 클론 하시면 됩니다. ※ 본 게시글은 리액트 강의 게시글이 아닙니다. 리액트에 대한 기본지식이 있는.. 2022. 9. 30. 블록체인 네트워크 ID별 데이터 리스트(List) || JavaScript || KR 블록체인 네트워크는 각자 자기만의 ID을 갖고 있습니다. 메타마스크나 지갑 어플에서 사용자가 연결된 네트워크를 ID로 데이터를 보내줍니다. 비개발자 및 Dapp 사용자들은 UI상으로 ID 값을 보여주면 이해하지 못합니다. 때문에 개발자들이 ID에 맞는 네트워크 이름과 심볼을 보여줘야 합니다. const chainIds = { 1 : {name : "Ethereum mainnet", symbol : "ETH"}, 3 : {name : "Ropsten", symbol : "RopstenETH"}, 4 : {name : "Rinkeby", symbol : "RinkebyETH"}, 5 : {name : "Goerli", symbol : "GoerliETH"}, 42 : {name : "Kovan", symbo.. 2022. 9. 29. 이전 1 다음 반응형
