[Solidity] FundMe 포장하기 그리고 Funding 방법~!

저번에 세폴리아 이더 기부받는걸 만들어 보았다. 

https://kittypawdev.tistory.com/64

[Solidity] 이것이 바로 크라우드 펀딩일까 Fund Me...

 

ether.js랑 리액트를 사용하였다. 그리고 vercel에 배포했다. 주소는 아래와 같다. 

https://fundme-frontend-two.vercel.app/

React App

 

솔리디티 컴파일러에서 ABI 확인하고, zkSync Seplia testnet 컨트랙트 주소에다가 프론트엔드를 붙였다. 메타마스크 지갑 연동은 ehter.js가 해 줬다. 

 

메인 화면

 

여기서 커넥트 월렛 버튼을 누르면 메타마스크 지갑이랑 연결할 수 있다. 

 

지갑연결 팝업

요렇게 팝업이 뜨고, Connet 버튼을 누르면 연결이 된다. 

 

연결이 되면 창이 바뀐다! 

 

캐치미 이프유캔 느낌의 펀드미 이퓨라이크

 

여기서 이더 현 가격을 기반으로 1달러가 몇 이더인지 미니멈 기부 어마운트가 금액 입력칸에 플레이스홀더로 보인다.

지금 시세로는 0.00044 이더면 일달러 넘는가보다. 

나는 넓은 마음으로 0.0008을 기부해 보겠다. 

 

그러면 이렇게 Transaction request가 팝업창으로 뜬다. 네트워크 비용이 0.04달러 가량 든다고 하는군. 

컨펌 요청

 

트랜잭션이 성공적으로 수행이 되면 팝업이 뜬다. 

감사합니다!

 

그럼 이제 펀딩 잔고가 늘었다. 

 

올라간 펀딩 잔고

 

나는 그리고 이 컨트랙트 오너여서 출금도 할 수 있다. 

 

 

이 버튼을 누르면, 들어있는 전체 기부금을 모두 빼온다. 

 

컨펌 요청

 

컨펌을 누르면?!

 

인출 성공

인출이 성공적이었다면 이렇게 팝업이 뜬다. 

 

그리고 내 기여분이 없어진걸 알 수 있다. 

 

내 지분이 0이더가 되었다.

 

컨트랙트 트랜잭션을 확인해보니, 내가 0.0008이더를 기부하면서 약 3.44달러를 냈고, 다시 빼간 것을 알 수 있다. 

 

트랜잭션 기록

 

이렇게 내 첫번째 Web3 앱이 완성이 되었다. 

신 난 다 !

 

---

기부하는 방법은~~

우선 메타마스크 지갑을 만들고

https://cloud.google.com/application/web3/faucet/ethereum/sepolia

Ethereum Sepolia Faucet

 

 

구글 클라우드 Web3에서 틀어주는 수도꼭지를 열어서 세폴리아 이더를 받는다. 

시간이 좀 걸린다. 

 

그리고 

https://kittypawdev.tistory.com/61

[Solidity] ZKsync Sepolia Testnet

 

이 포스트를 참고해서 ZkSync로 브리징을 한다. 

 

그럼 이제 기부가 가능하다~~!!

 

참고로,, 전혀 돈이 들지 않는다..

그냥 재미삼아 해보는것,,,