본문 바로가기
css

Ethersjs로 나만의 첫 번째 이더리움 디앱 만들기

by code-box 2022. 3. 3.
반응형

한 현명한 사람이 "배우는 것은 재미있지만 사람들은 그렇게 보지 않는다"고 말한 적이 있습니다. 이 프로젝트를 하는 것은 편안한 곳에서 벗어나 열심히 갈 수 있기 때문에 흥미로웠습니다. 이제 그만 얘기합시다

에 대해 알아야 합니다.

  • 하이퍼텍스트 기술용 언어(Hypertext Mark-up Language)
  • 솔리드 스마트 계약
  • 웹 페이지와 ethersjs 상호 작용

html과 css 코드를 만드세요

 

반면 css 코드는

css 1

Lite 서버에서 웹 페이지를 렌더링할 수 있습니다.

기본 스마트 계약 작성

solidity code

 

•Metamask가 Ropsten Testnet에 연결되어 있는지 확인합니다.

솔리드 계약과 일치하는 올바른 컴파일러 버전을 선택하십시오(컴파일 탭에서).

•"Solidity Compiler" 탭을 사용하여 코드를 컴파일합니다. 컴파일러를 로드하는 데 시간이 걸릴 수 있음에 유의하십시오.

•"트랜잭션 배포 및 실행" 탭에서 계약 전개

•배포된 계약 섹션에서 다음을 테스트할 수 있습니다.
리믹스 실행 탭의 기능을 통해 계약이 예상대로 작동하는지 확인할 수 있습니다.

 

웹 페이지를 스마트 컨트랙트에 연결

**
당신의 운동을 테스트해 보세요!**
1.웹서버는 설치하셨나요? 페이지를 보려면 브라우저에서 http://127.0.0.1:1337/로 이동하십시오!

ethersjs code 1

  1. 메타마스크를 통해 기능을 테스트하고 필요에 따라 트랜잭션을 승인합니다. 참고 블록 시간이 ~15초입니다... 블록체인의 상태를 읽어내기 위해 잠시 기다려라.

3.https://ropsten.etherscan.io/을 통해 계약 및 거래 정보를 확인하십시오.

 

4.브라우저에서 콘솔(Ctrl + Shift + i)을 열어 해당 버튼을 누르는 동안 마술이 일어나는지 확인합니다.

코드 출력

interacting with the smart contractpending transactiontransaction confirmed

 

질문이 있으면 댓글 세션에서 삭제하십시오.

댓글