[솔리디티] truffle 로 react client 연결하기

truffle unbox react

cd client

npm  run start

 

Failed to compile.

./src/App.js
Module not found: Can't resolve './contracts/SimpleStorage.json' in 'C:\Users\coco\Desktop\coco\dapp-react\client\src'

솔리디티 코드가 아직 컴파일되어 배포되지 않아서 발생하는 에러

 

truffle-config.js 에서

개발시 사용하고자하는 포트 번호 설정.

truffle compile

컴파일이 되면 client/src/contracts 폴더가 생김

ganache-cli -p 7545 -d -m react

truffle migrate

npm run start

연결하니 에러가 뜬다 . 아마 로컬호스트:7545로 연결된 것이 아니라서 그런 것 같음.

맞는 네트워크로 연결해주자

 

알맞게 칸을 채워 준다.

체인 ID의 경우 1337로 한다.

Localhost7545 네트워크가 추가 됨.

Localhost:7545에서 계정가져오기를 통해 계정을 추가해주자.

가나슈 연결했을 때 받은 프라이빗 키중 하나를 복사하여 입력

가져오기를 누르면 100 ETH가 확인되며

계정 세부 정보에서 확인되는 공개키가 가나슈 연결시 받았던 공개키와 일치함을 알 수 있다.

페이지를 새로고침하면, 아래 페이지가 보이며

트랜잭션을 보내겠다는 창이 뜬다. 확인을 누르자.

성공적으로 보내지면, 제일 아랫줄의 숫자가 5로 바뀐다.