[Solidity] Scaffold-Eth 설치하기

Scaffold-Eth는 Hardhat과 React로 구성된 예제 템플릿 프로젝트이다.

프론트까지 연동되어 있는 프로젝트이므로 contract와 프론트를 수정하고 빠르게 결과를 확인할 수 있어 학습용으로 사용하기 좋다. 

 

깃허브

GitHub - scaffold-eth/scaffold-eth: 🏗 forkable Ethereum dev stack focused on fast product iterations

 

깃허브에서 프로젝트 파일을 가져와서 설치를 해준다.

git clone https://github.com/scaffold-eth/scaffold-eth.git
cd scaffold-eth
yarn install

 

총 터미널을 3개를 실행시켜준다.

1. 첫번째 터미널 - 하드햇 로컬 네트워크를 실행시킨다. 

cd scaffold-eth
yarn chain

2. 두번째 터미널 - 컨트랙트를 배포해준다.

cd scaffold-eth
yarn deploy

3 세번째 터미널 - 리액트를 실행시켜준다.

cd scaffold-eth
yarn start

 

세 가지를 다 실행시킨 후 https://localhost:3000으로 접속하면 샘플 페이지가 표시되는 것을 볼 수 있다.

맨 처음 실행한다면 지갑의 잔고가 0인데 밑의 Grab funds from the faucet을 클릭하면 잔고가 채워진다.

예제 컨트랙트를 실행시켜보기 위해 ExampleUI에 들어간다.

 

 

입력창에 Hello World!를 입력하고 Set Purpose! 를 클릭해준다.

클릭하면 purpose가 변경된 것을 확인할 수 있고 프론트에서 트랜잭션을 보냈다는 알림, 터미널의 hardhat local network에서 블록이 생성되면서 트랜잭션이 완료된 것까지 확인할 수 있다. 

사용법을 숙지하고 공식문서에서 제공하는 여러 에제 프로젝트들을 만들어 보는 것을 추천한다.