>>> Github주소 Github_truffleERC721

📌 개발목표

오늘은 요즘 대세 중에 대세! 핫 한 NFT를 개발하고자 합니다.
truffle을 사용하여 기본 환경을 구축 한 후 오픈제플린 프레임워크를 이용하여 erc721기본 코드를 사용하고, 그림을 하나 골라 Ganache에서 테트스트 후 이더리움 Ropsten 테스트넷에 배포하여 이더스캔에서 해당 내역을 확인할 예정입니다.

먼저 기본 개발환경은 truffle을 이용하고 이미지를 무료 저장소인 NFTStorage에 업로드하여 이로 얻어진 tokenURI를 통해 유일무이한 토큰 ERC721를 만들어 보고자합니다.

📌 ganache에 NFT배포

1. truffle 이용한 개발환경 구축하기

• 먼저, 프로젝트 폴터를 생성한 후 truffle과 npm 초기화를 합니다.

# 폴더생성
mkdir truffleERC721

# 폴더진입
cd truffleERC721

# truffle 초기화
truffle init

# npm 초기화
npm init

• 이 후 프로젝트 폴더에서 truffle-config.js 파일을 열어 솔리디티 컴파일 버전을 개인이 사용하는 버전과 맞춰주고, 네트워크를 설정해 주는데, 먼저 가나슈를 이용해 테스트 할 것 이므로 가나슈의 port 번호 7545를 입력해 줍니다.
  

2. openzeppelin을 이용하여 NFT발행할 스마트 컨트랙트 작성하기

• openzeppelin 설치
  openzeppelin은 스마트 컨트랙트 라이브러리를 개발하는 회사로 해당 라이브러리를 사용하여 손쉽게 여러 토큰들을 발행할 수 있습니다.

# openzeppelin 설치
npm install @openzeppelin/contracts

• contracts폴더 안에 스마트 컨트랙트 작성

// Contract based on [https://docs.openzeppelin.com/contracts/3.x/erc721]
// (https://docs.openzeppelin.com/contracts/3.x/erc721)
// SPDX-License-Identifier: MIT
pragma solidity ^0.8.7;

import "@openzeppelin/contracts/token/ERC721/ERC721.sol";
import "@openzeppelin/contracts/utils/Counters.sol";
import "@openzeppelin/contracts/access/Ownable.sol";
import "@openzeppelin/contracts/token/ERC721/extensions/ERC721URIStorage.sol";

contract MyNFTs is ERC721URIStorage, Ownable {
    using Counters for Counters.Counter;
    Counters.Counter private _tokenIds;

    constructor() public ERC721("zekeNFTs", "ZNFT") {}

    function mintNFT(string memory tokenURI)
        public onlyOwner
        returns (uint256)
    {
        _tokenIds.increment();

        uint256 newItemId = _tokenIds.current();
        _mint(msg.sender, newItemId);
        _setTokenURI(newItemId, tokenURI);

        return newItemId;
    }
}

• 배포를 위해 migrations/1_initial_migration.js에 우리가 만든 컨트랙트 추가

const Migrations = artifacts.require("Migrations");
const MyNFTs = artifacts.require("MyNFTs.sol");
module.exports = function (deployer) {
  deployer.deploy(Migrations);
  deployer.deploy(MyNFTs);
};

3. NFTStorage이용하여 NFT로 발행할 이미지 업로드하고 tokenURI가져오기

• nft.storage에 가입하고 APIKeys에서 키를 생성합니다.
  

• NFT로 발행할 이미지를 업로드합니다.
  

• 메타데이터를 nft.storage에 올려주기

npm install nft.storage

프로젝트 폴더 안에 nft.js파일 생성하고 코드 삽입

import { NFTStorage, File } from "nft.storage";
import fs from "fs";

const apiKey = "Your API KEY";
const client = new NFTStorage({ token: apiKey });

const metadata = await client.store({
  name: "woodang",
  description: "carrot is cute",
  image: new File([fs.readFileSync("./woodang.png")], "woodang.png", {
    type: "image/png ",
  }),
  attributes: [
    { trait_type: "skin", value: "flash" },
    {
      trait_type: "face",
      value: "frightened",
    },
  ],
});
console.log(metadata.url);
// ipfs://bafyreib4pff766vhpbxbhjbqqnsh5emeznvujayjj4z2iu533cprgbz23m/metadata.json

생성된 메타데이터!!

생성된 당근!

4. 컴파일후 배포하기

# 컴파일
truffle compile
# 배포
truffle deployed
# 콘솔 접속하여 생성한 token metadata URI로 NFT발행
truffle console
truffle(ganache)> instance = await MyNFTs.deployed
truffle(ganache)> instance.name() // 'zekeNFTs'
truffle(ganache)> instance.symbol() // 'ZNFT'

배포완료!

---

📌 Ropsten에 NFT배포

1. ganache배포시 사용한 프로젝트에서 truffle-config.js수정

• 니모닉 지갑 사용으로 인해 @truffle/hdwallet-provider 설치 필요

npm install @truffle/hdwallet-provider

• 네트워크 수정

const HDWalletProvider = require("@truffle/hdwallet-provider");
const infuraKey = "YOUR INFURA KEY";

const fs = require("fs");
const mnemonic = fs.readFileSync(".secret").toString().trim();

2. truffle이용하여 배포

3. 배포후 truffle console 실행하여 mintNFT함수로 NFT발행

Transaction Hash: 0x92a1325b955d26509d24f16421a1f5ce23e78e2f904f72ec6f0d583ddb9add70

---

📌 개발회고

KEEP

직접 개발을 하면 좋은점이 이론으로 알았을때와 비교해서 몸에 배는 지식들이 생긴다는 것입니다.
이번에도 이론으로 기본을 익인 후 직접 ganache와 ropsten을 통해 배포를 해봤는데, MyNFTs컨트랙트에서 mintNFT함수가 어떻게 생성이 되는지, 그리고 mintNFT에 들어가는 tokenURI는 어떻게 생성하는지에 대한 좋은 학습이 되었습니다.
NFT를 직접 이더리움 네트워크에 저장하는 것이 아닌 IPFS라는 다른 분산 저장소에 저장하고 그 이미지에 대한 메타데이터 또한 저장하여 그 URI를 가져다 사용하는 방식으로 NFT를 생성하는 부분이 이번 학습에 가장 큰 배움이 아니었나 싶습니다.

PROBLEM

배포하고선 수정하여 재배포가 불가능하게 막아져있다는 사실을 알았습니다. 코드를 잘 확인하여 컨트랙트를 다 밀고 다시 배포하는 일이 없게 할 것입니다.

TRY

1. 오픈씨 테스트넷에도 배포하여 테스트넷에 NFT가 잘 올라오는지 확인하여 볼 예정입니다.
2. 여기서 멈추지 않고 다음에는 현재 핫🔥한 랜덤NFT에 대해 개발해보고 회고록을 작성 예정입니다.