지갑 연결 버튼 컴포넌트 import React from "react"; const ConnectWalletBtn = ({ setAccount }) => { const getRequestAccount = async () => { const [account] = await window.ethereum.request({ method: "eth_requestAccounts", }); return account; }; const connectWallet = async () => { const account = await getRequestAccount(); setAccount(account); localStorage.setItem("account", account); window.ethereum.on("acco..

1. 초기 설정 트러플 초기 설정 npx truffle init 가나쉬 실행 npx ganache-cli 리액트 폴더 만들기 npx create-react-app myapp src 폴더 안에 contracts폴더 생성 truffle-config.js module.exports = { contracts_build_directory: "myapp/src/contracts", networks: { development: { host: "127.0.0.1", port: 8545, network_id: "*", }, }, compilers: { solc: { version: "0.8.17", }, }, }; contracts_build_directory : 배포시 빌드되는 폴더를 정해준다. migrations/2..

[BlockChain] RPC web3 테스트 1. RPC 개념 분산 네트워크를 프로그래밍으로 어떻게 쉽게할지 고민하다가 나온 개념이다. 일반적으로 통신 패턴은 서버를 켜고 클라이언트에서 서버에 요청, 서버에서 반환, 클라이언트는 반환 diary-blockchain.tistory.com 1. 프론트와 메타마스크 연결 (1) 네트워크 추가 메타마스크에서 네트워크 수동추가를 누른후 아래와 같이 입력한다. 현재 ganache를 켜놨기 때문에 사용중이라고 뜨지만 상관없다. 계정 가져오기를 누른후 ganache 에 있는 개인키를 입력하면 test넷에 test용 이더가 들어가 있는걸 확인 할 수 있다. (2) 프론트와 연결 트랜잭션을 보낼때 사용자의 개인키를 사용해서 서명을 만드는 과정을 거친다. 개인키를 이용하면..