Terrain 프로젝트 예제 프론트 연동하기

raffle-dapp을 프론트로 연동해보겠습니다. 

terrain sync-refs
cd frontend
npm start

npm install을 하지 않으셨던 분은 npm install 을 먼저 해주시고 그다음 진행해주세요.

리액트 실행화면

다음과 같이 성공적으로 리액트가 실행되면 브라우저에서 다음과 페이지가 출력됩니다. 

이제 테스트용 테라 월렛을 생성해야합니다. 

크롬 웹스토어에서 테라 월렛을 설치해줍니다. 링크

Terra Station Wallet

 

 

실행 화면

월렛을 실행 후 Recover wallet을 선택해줍니다. 

wallet name과 password는 편하신 대로 입력하시고 

Mnemonic은 아래 단어들을 입력해주시면 됩니다.

satisfy adjust timber high purchase tuition stool faith fine install that you unaware feed domain license impose boss human eager hat rent enjoy dawn

완료하시면 테스트용 월렛이 생성된 것을 확인하실 수 있습니다. 

테스트용 월렛

위에 톱니바퀴 버튼을 누른 후 localterra로 변경해주신 후 월렛을 연결해주세요.

연결 후 페이지에 콘솔에서 확인했던 getCount의 내용이 출력된 것을 확인할 수 있습니다.