[Project] Crypto Donate! (이더리움으로 축하금 받기)
Project / Donate / Harthat / 하드햇 / 솔리디티
[Project] Toy 프로젝트 회고
💰 Crypto Donate!
‘Crypto Donate’ 은 이더리움으로
기부 / 축하금 / 축의금 등 을 받을 수 있는 dApp 토이프로젝트 입니다
보내는 사람의 이름과 간단한 메시지를 입력하고 이더리움을 송금할 수 있습니다
🧬 아키텍처 설계
🚦 프로젝트 구성
프로젝트 기간 (10/1 ~ 10/2)
-
Front-end
리액트
를 이용한 웹페이지 UI/UX 구성
web3.js
를 이용한 블록체인 연동 -
Smart Contract
solidity
를 이용한 스마트컨트랙트 코드 작성
Harthat
으로 스마트컨트랙트 배포 (Goeril Testnet)
💻 기능 소개
메인 페이지
Donate 페이지로 넘어가려면 웹페이지와 Metamask 지갑을 연결 해야 합니다
Donate 페이지
Donate
버튼을 누르면 Donate 페이지로 이동됩니다
Donate 실행
보내는 사람의 이름과 간단한 메시지를 적어서 Donate
버튼을 누르면 Metamask 팝업이 뜹니다
- 보내는 사람의 이름
- 간단한 메시지
0.001 ETH
가 자동으로 설정됩니다
Metamask를 통해 계약을 완료하면
하단에 작성한 이름과 메시지가 표시됩니다
withdraw 기능
Donate 받은 금액이 오른쪽 상단에 표시됩니다
withdraw
버튼을 누르면 그동안 모인 ETH가 컨트랙트 배포자에게 전송 됩니다
‘Crypto Donate’ Github 코드
https://github.com/wavescats/Crypto_Donate-dApp
개발 회고 💡
최근에 DeFi 에 대해 계속 공부하다가
강사님이 곧 결혼식을 하시는데 축의금을 이더리움으로 받는다는 얘기를 들어서
나도 한번…? 하고 호기심에 만들어본 프로젝트입니다!
간단하게 만들어보려고 했는데
디자인적으로 어떻게 꾸며볼까 하다가 시간이 꽤 지나간것 같습니다 💧
오래걸리겠지만 혼자서 만드는 DEX 프로젝트도 얼른 진행하고 싶습니다 💪
아쉬웠던 점 & 보완해야 할 사항
새로고침하면 지갑연결이 풀리는 현상
Metamask 지갑이 연결은 되었는데
새로고침을 하면 연결이 풀리는 것과 같이 보여지고 있습니다
(실제로 연결은 되어있는데 버튼은 풀려 보이는 현상)
ethereum에 👉 request를 보낼때 👉 method 를
"eth_requestAccounts"
로 하지말고
"eth_accounts"
으로 하면
연결이 풀리지 않는다고 하는데 계속 에러가 났습니다…
다시 시도해봐야겠습니다!