트러플(Truffle)을 사용하여 리액트(React) 기반의 스마트 컨트랙트(Smart Contract) 기능이 들어간 DApp 구현 실습, Web3와 메타마스크 연결

실습 전 이론 학습 - 리액트에서 배포(deploy)한 스마트 컨트랙트 내용을 가져 올 때 web3를 사용 - Web3를 메타마스크에 연결하는 방법은? 트러플이 알아서 해줌 DApp 구현 실습 (과일 상점) npm install -g truffle // 트러플 설치 truffle unbox react // 리액트 작업 환경 자동 세팅 ganache 실행 후 metamask 연결 (이전 포스트 참조, 링크 : https://hwan91.tistory.com/11) truffle-config.js 코드 수정 truffle compile // contract 코드 컴파일 truffle migrate // contract 코드 배포 cd client npm run start // 리액트 실행 localhost:..

2021.10.15