본문 바로가기
블록체인/─Ethereum(Solidity)

Cryptozombies Lesson 6-1 Web3.js 소개

by SABU 2023. 1. 11.

크립토 좀비 소개글 -> https://sabustory.tistory.com/10

 

Solidity 공부를 위한 Crypto Zombies

안녕하세요 :) Solidity는 이더리움에서 만든 언어이며 블록체인 기반으로 스마트 컨트랙트를 위하여 만들어진 프로그래밍 언어입니다. C++, 파이썬, 자바 스크립트의 영향을 받았으며 그중 자바

sabustory.tistory.com

 

라이브러리 Web3.js를 사용하여 웹사이트에서 개인 지갑(메타마스크 등)과 연동을 할 수 있다. 그것은 마치 개인 지갑을 ID처럼 사용할 수 있게 되는 것이다. 이를 활용한다면 NFT 민트 페이지, BAYC의 화장실 그림 그리기, NFT 리빌딩, NFT 마켓 플레이스, 각종 게임 등 본인의 지갑과 연동하면 회원가입 없이 여러 가지를 활용할 수 있게 된다.

 

- 패키지를 사용하여 추가

*터미널을 열어 추가하면 된다.

// NPM을 사용할 때
npm install web3

// Yarn을 사용할 때
yarn add web3

// Bower를 사용할 때
bower install web3

// ...기타 등등.

- HTML 스크립트 추가

* <script language="javascript" type="text/javascript" src="web3.min.js"></script>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>CryptoZombies front-end</title>
    <script language="javascript" type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script language="javascript" type="text/javascript" src="web3.min.js"></script>
  </head>
  <body>

  </body>
</html>

 


// 메인슬라이더 오토