반응형 web32 [truffle truffle/contract ganache web3 metamask] web3 사용법 - 웹 브라우저 연결 및 트랜잭션 일으키기 1. "connectToBC" 라는 새폴더를 만든다. 2. 터미널 path를 connectToBC로 들어가 react 시작 $ npx truffle unbox react 3. truffle-config.js - networks에 개발 host 입력 networks: { develop: { port: 8545 }, development: { host:"127.0.0.1", port:8545, network_id:"*" } } 4. ganache 실행 ( 127.0.0.1:8545 서버 실행) $ ganache 5. 컴파일 및 배포하기 $ truffle migrate 6. 터미널 client 폴더로 들어가 @truffle/contract 설치 $ npm install @truffle/contract 7. c.. 2022. 3. 21. [truffle ganache react metamask] 내 이더리움 계좌의 잔고 web3 + 리액트로 브라우저 웹 상에 띄우기 https://codingpractices.tistory.com/131 [truffle ganache react] 리액트와 연결하기 webStorm 옵흔 1. 새 폴더 생성 "webConnect" 2. truffle 시작하기 $truffle init - > truffle 이 성공적으로 시작되면 아래와 같은 폴더들이 생긴다. 3. contracts 폴더 안 새 파일 "simpleStorage" 생성 및 코.. codingpractices.tistory.com 여기까지 truffle ganache react로 연결을 해놓고 이제 브라우저 상에 현재 브라우저에 연결된 나의 메타마스크 계좌 정보와, 지갑 안의 이더리움 값을 보여주는 것까지 해보기 React는 너~무 오랜만에 해가지고 구글로 검색하면서 했다. 처.. 2022. 3. 17. 이전 1 다음 반응형