OpenAi 및 ThirdWeb로 나만의 AI NFT를 만듭니다

집

뉴스

2025년 5월 18일

DouglasAnderson

AI 생성 NFT의 매혹적인 세계를 탐험하고 싶다면, 이 상세한 가이드가 여러분만의 AI NFT 생성기를 만드는 데 도움을 줄 것입니다. OpenAI의 DALL-E와 Thirdweb의 Engine과 같은 도구의 기능을 활용하여 AI의 창의적 힘과 블록체인 기술의 강력한 유틸리티를 결합해 독특하고 개별화된 NFT를 손쉽게 발행할 수 있습니다. 기술 베테랑이든 호기심 많은 초보자든, 이 단계별 가이드는 처음부터 끝까지 과정을 안내할 것입니다.

주요 포인트

AI 기반 NFT 생성기를 만드는 방법을 배웁니다.
OpenAI의 DALL-E를 사용해 텍스트 프롬프트로 이미지를 생성합니다.
Thirdweb Engine을 활용해 AI로 생성된 이미지를 NFT로 발행합니다.
Thirdweb 대시보드를 사용해 NFT를 관리하기 위한 스마트 컨트랙트를 배포합니다.
프론트엔드 애플리케이션과 블록체인 기술의 통합을 이해합니다.

AI NFT 생성기 구축: 단계별 가이드

AI NFT 생성 소개

인공지능과 블록체인 기술의 융합은 창의성과 혁신을 위한 놀라운 기회를 창출했습니다. 그중 하나가 AI NFT 생성기로, 사용자가 AI 알고리즘을 사용해 독특하고 개별화된 비대체 토큰(NFT)을 만들 수 있게 해주는 도구입니다. AI의 이미지 생성 능력과 블록체인의 보안 및 소유권 기능을 결합하여, 이 생성기는 창작자와 수집가 모두에게 새로운 지평을 열어줍니다.

이 튜토리얼은 OpenAI의 DALL-E를 이미지 생성에 활용하고 Thirdweb의 Engine을 사용해 AI로 만든 이미지를 NFT로 발행하는 데 초점을 맞춰, 여러분만의 AI NFT 생성기를 구축하는 과정을 안내할 것입니다.

사전 준비

이 흥미로운 프로젝트에 뛰어들기 전에 다음 사항을 준비해야 합니다:

React와 Next.js의 기본 지식: JavaScript, React 컴포넌트, Next.js 프레임워크에 대한 친숙함이 프론트엔드 애플리케이션 구축에 필요합니다.
Thirdweb 계정: 스마트 컨트랙트를 배포하고 Engine을 사용해 NFT를 발행하려면 무료 Thirdweb 계정이 필요합니다. Thirdweb에서 가입하세요.
OpenAI API 키: 이미지 생성을 위해 DALL-E에 접근하려면 OpenAI API 키가 필요합니다. 유효한 키가 있고 OpenAI 계정에 결제 설정이 완료되었는지 확인하세요. OpenAI에서 키를 받으세요.
Metamask 지갑: 애플리케이션과 상호작용하고 트랜잭션에 서명하려면 Metamask 지갑이 필요합니다. Metamask에서 브라우저 확장 프로그램으로 설치하세요.
Node.js와 npm: 시스템에 Node.js와 npm(Node Package Manager)이 설치되어 있어야 합니다.

이러한 도구와 계정을 준비했다면, AI NFT 생성기를 구축할 준비가 되었습니다.

Thirdweb를 사용한 NFT 스마트 컨트랙트 배포

첫 번째 단계는 NFT 스마트 컨트랙트를 배포하는 것입니다.

스마트 컨트랙트 배포

이 스마트 컨트랙트는 NFT 컬렉션의 기초를 형성하며, 그 속성을 정의하고 소유권을 보장합니다. Thirdweb의 사용자 친화적인 대시보드를 사용해 배포하는 방법은 다음과 같습니다:

컨트랙트 탭으로 이동: Thirdweb 계정에 로그인한 후, 대시보드에서 'Contracts' 탭을 클릭하세요.
컨트랙트 배포 클릭: Contracts 탭에 들어가면 'Deploy Contract' 버튼을 클릭하세요.
컨트랙트 찾아 NFT 컬렉션 선택: NFT 섹션을 찾아 NFT Collection 스마트 컨트랙트를 선택하세요.
컨트랙트 메타데이터 구성: 이름(예: 'AI NFT Generator'), 심볼, 설명, 이미지를 제공해 컨트랙트를 사용자 정의하세요.
로열티 및 1차 판매 정보 설정: 2차 판매 로열티의 수령자 주소와 비율, 1차 판매 수익의 주소와 비율을 지정하세요.
네트워크/체인 선택: 스마트 컨트랙트를 배포할 블록체인 네트워크를 선택하세요. 테스트를 위해 Sepolia 같은 테스트넷에 배포하는 것을 고려하세요.
스마트 컨트랙트 배포: 컨트랙트 매개변수를 구성한 후 'Deploy Now' 버튼을 클릭하고 Metamask 지갑에서 트랜잭션을 확인하세요.

블록체인에서 트랜잭션이 확인되면 NFT 스마트 컨트랙트가 성공적으로 배포됩니다.

프론트엔드 애플리케이션 설정

이제 프론트엔드 애플리케이션을 구축할 차례입니다.

프론트엔드 설정

이를 위해 Next.js를 사용할 것입니다.

API 디렉토리에 새 폴더 생성: 민팅 기능을 만들기 위해 API 호출이 필요합니다. API 디렉토리에 “mint”라는 새 폴더를 만들고 모든 것을 연결하고 배포하기 위해 route.ts 파일을 생성하세요.
Yarn add third{Agile} thirdweb: 프로젝트를 실행하려면 thirdweb과 OpenAI를 설치하세요. `Yarn add thirdweb`을 입력해 설치하세요.
Yarn add openai: 로컬 호스트에서 OpenAI를 사용하려면 `Yarn add openai` 명령어로 설치하세요.
새 파일 생성: Src로 이동해 clients.ts라는 새 파일을 생성하세요. 이 파일은 OpenAI API 키를 저장하고 모든 작업이 실행되는 곳입니다. 또한 Thirdweb의 공개 클라이언트 ID도 포함됩니다.
Thirdweb 연결 컴포넌트 가져오기: 페이지에서 사용할 연결 지갑 기능을 만드세요.
모든 종속성 설치: 명령줄 도구를 사용해 필요한 모든 종속성을 설치하세요.

Thirdweb 컴포넌트를 사용한 프론트엔드 구축 방법

Thirdweb 컴포넌트를 사용하면 빠르게 프론트엔드를 구축할 수 있습니다. 방법은 다음과 같습니다:

text

import { ConnectButton } from "@thirdweb-dev/react";
export default function Home() {
  return (
    
      {/* Connect wallet button */}
      
    
  );
}

`@thirdweb-dev/react`에서 `ConnectButton` 컴포넌트를 가져옵니다.
앱 내에서 컴포넌트를 사용합니다.
이제 사용자가 한 번의 클릭으로 앱에 연결할 수 있습니다!

연결 버튼

이미지 생성을 위한 OpenAI의 DALL-E 구현

DALL-E는 텍스트 설명으로 이미지를 생성하는 강력한 도구입니다. AI NFT 생성기에 통합하는 방법은 다음과 같습니다:

Thirdweb API 키 가져오기: Thirdweb 계정에 로그인하고 대시보드에서 API 키를 찾으세요.
환경 변수 설정: Next.js 프로젝트에 .env 파일을 만들고 OpenAI API 키와 Thirdweb API 키를 환경 변수로 저장하세요.
OpenAI 인스턴스 생성: /app/generate에서 인스턴스를 만드세요.
이미지 생성 API 경로 구현: 이미지를 생성하고 블록체인에 민팅하는 코드를 작성하세요.

text

export default async function POST(req: NextRequest) {
  const apiKey = process.env.OPENAI_API_KEY;
  if (!apiKey) {
    throw new Error("OpenAI API 키 누락");
  }
  const {prompt} = await req.json();
  if (!prompt || prompt === "") {
    return new Response("프롬프트를 입력하세요", { status: 400 });
  }
  const openai = new OpenAI({
    apiKey,
  });
  const response = await openai.images.generate({
    prompt,
    n: 1,
    size: "512x512",
  });
  const image_url = response.data[0].url;
  return NextResponse.json({ data: image_url });
}

이 코드는 OpenAI API에 요청을 보내 프롬프트에 기반한 이미지를 생성하고 이미지 URL을 반환합니다.

Thirdweb Engine으로 NFT 민팅

Thirdweb의 Engine은 블록체인 트랜잭션의 복잡성을 관리해 NFT 민팅 과정을 단순화합니다. 통합 방법은 다음과 같습니다:

Engine 설정 구성: Thirdweb 대시보드에 로그인하고 Engine 인스턴스를 생성한 후 엔진 엔드포인트를 얻으세요.
/Api/Mint.ts 생성:

text

import { ThirdwebSDK } from "@thirdweb-dev/sdk";
export const mint = async (address: string, imageUri: string) => {
  const sdk = ThirdwebSDK.fromPrivateKey(process.env.THIRDWEB_SECRET_KEY as string, "sepolia");
  const contract = await sdk.getContract(process.env.NEXT_PUBLIC_CONTRACT_ADDRESS as string, "nft-collection");
  const tx = await contract.mintTo(address, {
    name: "AI",
    description: "NFT",
    image: imageUri,
  });
  const receipt = tx.receipt;
  const tokenId = tx.id;
  const nft = await tx.data();
  return nft;
}

ThirdwebSDK를 사용해 Blockchain API에 접근하면 암호화폐 거래, NFT 제작, 애플리케이션 배포와 같은 트랜잭션이 가능합니다.

사용자 인터페이스 제작

사용하기 쉽고 인터랙티브한 UI를 만들기 위해 HTML, CSS, TypeScript 코드를 작성해야 합니다. Thirdweb는 이 과정을 간단하게 만들어줍니다.

레이아웃 설계: display, flexDirection, alignItems, maxWidth, margin을 모두 중앙에 맞춰 훌륭한 디자인을 설정하세요.
컴포넌트 추가: 사용자가 소셜 계정으로 로그인할 수 있도록 connectWallet.js를 포함하세요.
NFT 표시: 이미지가 생성되면 사용자에게 작업 결과를 보여주는 것이 중요합니다.

이 단계를 따르면 프로젝트가 완전히 설정됩니다.

단계별 프로젝트 설정

스마트 컨트랙트 설정 방법

가장 먼저, AI NFT 생성기를 사용하려면 NFT 스마트 컨트랙트를 만들어 앱이 생성한 모든 이미지를 민팅할 수 있도록 해야 합니다.

ERC721 스마트 컨트랙트 생성: Thirdweb 대시보드에서 contracts를 클릭하고 스마트 컨트랙트 배포를 선택한 후 NFT 폴더로 이동하세요.
“NFT Collection” 스마트 컨트랙트를 선택해 배포하세요.
이름, 심볼, 설명을 입력하고 파일을 업로드하세요(선택 사항).
필요한 설정을 지정하고 “Deploy Now”를 클릭하세요.
“Confirm”을 클릭해 계약에 서명하세요. 이제 스마트 컨트랙트가 생성되었습니다.

스마트 컨트랙트 설정

NFT 민팅 방법

스마트 컨트랙트를 준비했으니, 블록체인에 NFT를 민팅하는 코드는 다음과 같습니다:

스마트 컨트랙트에 접근: 새 const를 생성하세요.
contract를 입력하고 useContract가 프로세스를 반환하도록 하세요.
TypeScript를 사용해 비동기/클릭 함수를 작성해 블록체인 트랜잭션을 수행하세요:

text

// 연결된 지갑에 NFT 민팅
const mintNft = async () => {
  try {
    // 민팅 전에 SDK에 지정된 지갑에서 무료 NFT를 청구하도록 지시
    await contract.erc721.claimTo(address, 1);
    // 로딩 상태 표시
    alert("NFT가 성공적으로 민팅되었습니다!");
  } catch (error) {
    console.error("NFT 민팅 실패", error);
  }
}

NFT 민팅

무료 테스트 ETH 얻는 방법

Alchemy 계정 생성: Alchemy 계정으로 다양한 기능을 테스트할 수 있습니다. 웹사이트가 처음이라면 설치해야 합니다.
체인을 Sepolia 또는 Mumbai로 설정: 실제 암호화폐 비용 없이 테스트넷을 사용할 수 있습니다.
체인에서 테스트 ETH 요청: 개인 지갑 주소를 사용해 Faucet에서 무료 테스트 ETH를 받으세요.

테스트 ETH

*참고: 트랜잭션에 서명하기 전에 지갑이 컨트랙트와 어떻게 상호작용하는지 항상 확인하세요.*

NFT 생성기 사용

NFT 생성

코드를 설정한 후 NFT 생성기를 사용하는 단계는 다음과 같습니다:

지갑 연결: 연결된 지갑 프롬프트를 클릭한 후 스마트 컨트랙트를 클릭하세요.
테스트넷 선택: 메인넷 비용이나 잠재적 위험을 피하기 위해 Sepolia 또는 Mumbai 체인을 선택하세요.
프롬프트 입력: 최상의 결과를 위해 최대한 자세히 설명하세요.
생성 버튼 누르기: AI가 프롬프트에 기반한 이미지를 생성합니다.

NFT 생성

AI NFT 생성기에 대한 자주 묻는 질문

AI NFT 생성기란 무엇인가요?

AI NFT 생성기는 인공지능을 사용해 독특하고 개별화된 비대체 토큰(NFT)을 만드는 도구입니다. AI 알고리즘을 활용해 이미지, 음악 또는 기타 디지털 아트 형식을 생성하고 이를 블록체인에서 NFT로 민팅할 수 있습니다.

Thirdweb Engine이란 무엇인가요?

Thirdweb Engine은 사용자가 암호화폐를 보유하거나 가스 비용을 지불하지 않고도 온체인 트랜잭션을 호출할 수 있는 HTTP 서버입니다. 블록체인 상호작용을 간소화하여 NFT 민팅 및 관리를 더 쉽게 만듭니다.

OpenAI DALL-E란 무엇인가요?

OpenAI의 DALL-E는 텍스트 설명으로 이미지를 생성할 수 있는 강력한 AI 모델입니다. 독특하고 상상력 넘치는 비주얼을 만드는 데 널리 사용되며, AI NFT 생성에 탁월한 선택입니다.

관련 질문

AI NFT 생성기를 구축하는 데 필요한 핵심 구성 요소는 무엇인가요?

핵심 구성 요소에는 프론트엔드 애플리케이션, 스마트 컨트랙트, AI 이미지 생성기(OpenAI DALL-E 등), NFT 민팅 시스템(Thirdweb Engine 등)이 포함됩니다. 프론트엔드는 사용자가 생성기와 상호작용할 수 있게 하고, 스마트 컨트랙트는 NFT 소유권을 관리하며, AI는 아트를 생성하고, 민팅 시스템은 블록체인에서 NFT를 생성합니다.