> For the complete documentation index, see [llms.txt](https://docs.chiliz.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chiliz.com/ko/gaebal/gibon/bangbeob-gaideu/ai-dapp-mandeulgi.md).

# AI 도구로 Chiliz dApp 만들기

Vibe-coding이 주목받고 있으며, 코드를 모르더라도 Web3 프로젝트 아이디어를 빠르게 시작하는 데 도움이 됩니다!

이 페이지에서는 dApp 생성에 필요한 정보를 얻기 위해 좋아하는 AI 도구와 상호작용하는 방법에 대한 아이디어를 제공합니다.

{% hint style="success" %}
이 페이지는 특정 도구에 구애받지 않습니다. [Cursor](https://cursor.com/), [Replit](https://replit.com/), [Lovable](https://lovable.dev/), [Claude](https://claude.ai/), [Claude Code](https://www.anthropic.com/claude-code), [Bolt](https://bolt.new/), [V0](https://v0.dev/), [Base44](https://base44.com/) 또는 다른 AI 코드 어시스턴트 등 어떤 vibe-coding 도구에서도 사용할 수 있는 제안과 프롬프트 아이디어를 제공합니다.
{% endhint %}

## 사전 요구사항

시작하기 전에 다음 사항이 준비되어 있는지 확인하세요.

* MetaMask와 같은 Chiliz Chain 계정이 있는 지갑.
  * 안전한 테스트를 위해 Spicy Testnet을, 프로덕션을 위해 Chiliz Chain Mainnet을 사용하세요.

{% hint style="info" %}
MetaMask 및 Spicy Testnet과 Chiliz Chain Mainnet에 연결하는 방법에 대한 자세한 내용은 여기를 참조하세요: [MetaMask 사용하기](https://github.com/chiliz-chain/docs/tree/master/baeuggi/jigap/metamask-sayong/README.md)
{% endhint %}

* 배포를 위해 해당 지갑에 충분한 CHZ 토큰.
  * Chiliz Chain Mainnet의 경우 CHZ를 구매해야 합니다. [Coinbase](https://www.coinbase.com/) 또는 [Meria](https://meria.com/)와 같은 암호화폐 거래소에서 구매할 수 있습니다.
  * Spicy Testnet의 경우 [Faucet](/ko/gaebal/gibon/teseuteuseunet-token.md)에서 테스트 CHZ 토큰을 받을 수 있습니다.
* ChatGPT, Gemini, Claude 등 AI 코드 어시스턴트 계정.
* WalletKit 커넥터를 통합하기 위한 [Reown 계정](https://cloud.reown.com/sign-in).

## dApp 아이디어 찾기

첫 번째 단계는 매력적인 아이디어를 개발하는 것입니다. Chiliz Chain에서 구축하는 만큼, 개념은 블록체인 기술과 스포츠 및 엔터테인먼트 세계를 연결하는 것이 이상적입니다. 팬이 원하는 것을 생각해 보세요.

{% hint style="info" %}
강력한 아이디어는 명확한 비즈니스 사례를 갖춰야 합니다: 어떻게 가치를 창출하나요? 사용자는 누구인가요?

예시 dApp 아이디어: 팬 예측 시장.

* 개념: 팬이 CHZ를 사용하여 다가오는 경기 결과를 베팅합니다(예: "팀 A가 팀 B를 이길까요?").
* 비즈니스 사례: 시장 결산 시 우승 풀에서 소액 수수료(예: 2%)가 수익 지갑으로 전송되어 지속 가능한 수익 흐름을 창출합니다.
  {% endhint %}

AI 도구를 사용하여 아이디어를 브레인스토밍하고 구체화할 수 있습니다.

탄탄한 개념이 생기면 스마트 컨트랙트를 작성할 차례입니다.

## AI로 스마트 컨트랙트 생성

현대 AI 도구는 안전하고 효율적인 스마트 컨트랙트 코드를 놀랍도록 잘 작성합니다.

{% hint style="info" %}
스마트 컨트랙트는 블록체인에 저장된 컴퓨터 프로그램으로, 미리 정해진 조건이 충족될 때 자동으로 실행됩니다. Solidity는 주요 스마트 컨트랙트 코딩 언어 중 하나입니다.
{% endhint %}

### 핵심 프롬프팅 지침

AI에 프롬프트를 제공할 때는 항상 매우 구체적으로 작성하세요!

지침에 반드시 포함해야 할 사항:

1. Solidity 버전: 0.8.30 이하 버전을 지정합니다. Chiliz Chain이 아직 최신 Solidity 버전을 완전히 지원하지 않기 때문입니다.
2. 바퀴를 다시 발명하지 마세요: AI에게 가능한 한 기존 OpenZeppelin 컨트랙트를 기반으로 작성하도록 지시합니다.

{% hint style="info" %}
[OpenZeppelin](https://www.openzeppelin.com/)은 안전한 dApp 구축을 위한 오픈소스 플랫폼입니다.

여러 보안 및 감사 서비스 외에도 커뮤니티에서 검증된 [스마트 컨트랙트 라이브러리](https://docs.openzeppelin.com/contracts/)를 무료로 제공합니다.

OpenZeppelin 컨트랙트는 업계 표준으로 여겨지므로 안전하게 사용할 수 있습니다.
{% endhint %}

3. 평탄한 컨트랙트: AI에게 "평탄한" 컨트랙트를 생성하도록 지시합니다. 코드가 단일 파일에 자급자족하며 외부 가져오기나 의존성에 의존하지 않아야 합니다. 이렇게 하면 나중에 검증이 간소화됩니다.
4. 지갑 주소: 컨트랙트를 소유할 지갑 주소(배포자)와 수수료를 받을 주소(수혜자)가 있는 경우 제공합니다.

이제 AI 도구에 프롬프트를 제공할 차례입니다!

AI가 Solidity 코드를 생성한 후 가능하면 다운로드하거나 복사하여 컴퓨터에 `.sol` 파일로 저장합니다.

## 컴파일 및 배포

이제 Chiliz Chain에 컨트랙트를 배포해야 합니다.

무료 웹 기반 환경인 Remix IDE를 사용하여 컨트랙트를 디버그, 컴파일, 배포합니다.

1. Remix IDE 열기: [remix.ethereum.org](https://remix.ethereum.org/)로 이동합니다.
2. 컨트랙트 업로드: 왼쪽의 "파일 탐색기" 탭에서 새 파일을 만들고 AI가 생성한 Solidity 코드를 붙여넣습니다.
3. 컨트랙트 컴파일:
   * "Solidity Compiler" 탭으로 이동합니다.
   * 컴파일러 버전을 "0.8.30+xxx"로 설정합니다.
   * 컴파일 버튼을 클릭합니다.

더 자세한 Remix 배포 가이드는 여기서 확인할 수 있습니다.

{% content-ref url="/pages/d8ZuNOnK6BjrTnPOPcIK" %}
[Remix로 배포](/ko/gaebal/gibon/seumateu-keonteulaekteu-baepoe/remix-baepoe.md)
{% endcontent-ref %}

### AI로 디버깅

초기 코드에 오류가 있는 것은 일반적입니다. Remix의 디버거는 이를 잡아내는 데 뛰어납니다.

컴파일이 실패하면 Remix 콘솔에서 오류 메시지를 복사합니다. AI 도구로 돌아가 발견된 오류를 수정하도록 요청합니다.

{% hint style="info" %}
다음과 같은 프롬프트를 사용할 수 있습니다.

"제공해 주신 Solidity 코드가 Remix IDE에서 다음 오류를 발생시켰습니다. 수정해 주세요: ..." 그런 다음 Remix의 모든 오류 메시지를 붙여넣습니다.
{% endhint %}

컨트랙트가 오류 없이 성공적으로 컴파일될 때까지 Remix에서 컴파일하고 AI에서 수정 사항을 받는 과정을 반복합니다.

### Spicy Testnet에 배포

스마트 컨트랙트가 컴파일되면 배포해야 합니다.

1. Remix의 "배포 및 트랜잭션 실행" 탭으로 이동합니다.
2. 환경으로 "Injected Provider - MetaMask"를 선택합니다. 이렇게 하면 지갑이 Remix에 연결됩니다.
3. 테스트 단계에서 MetaMask가 Spicy Testnet에 연결되어 있는지 확인합니다.
4. Remix에서 배포 버튼을 클릭합니다. 지갑이 팝업되어 트랜잭션을 확인하고 테스트 CHZ 토큰으로 가스 수수료를 지불하라는 메시지가 표시됩니다.

확인 후 Remix의 "배포된 컨트랙트" 섹션에서 배포된 컨트랙트를 확인할 수 있습니다. 트랜잭션은 [Chiliscan Spicy](https://testnet.chiliscan.com/)에서도 확인 가능합니다.

## 컨트랙트 검증

이제 온체인에서 스마트 컨트랙트를 검증해야 합니다. 검증된 컨트랙트는 투명하고 신뢰할 수 있습니다. 사용자가 블록 탐색기에서 소스 코드를 직접 읽고 감사할 수 있습니다.

[Chiliscan Spicy](https://testnet.chiliscan.com/)로 검증하는 방법:

1. Chiliscan에서 배포 트랜잭션을 찾고 새 컨트랙트 주소를 복사합니다.
2. [Chiliscan Spicy 컨트랙트 검증기](https://testnet.chiliscan.com/verifycontract)를 엽니다.
3. 검증 양식 작성: 여러 정보를 제공해야 합니다.

{% hint style="info" %}
다음과 같은 프롬프트로 AI 도구에 도움을 요청할 수 있습니다.

"Chiliscan에서 Solidity 스마트 컨트랙트를 검증해야 합니다. 컨트랙트 주소는 `0xxxxxxxx`입니다. 사용한 컴파일러 버전은 0.8.30입니다. ... 필드에 무엇을 입력해야 하는지 알려주시겠어요?"
{% endhint %}

4. 양식을 제출합니다. 모든 세부사항이 올바르면 이제 컨트랙트 소스 코드가 Chiliscan에 공개됩니다!

## vibe-coding 도구로 프론트엔드 구축

스마트 컨트랙트가 배포되고 검증되었으면 사용자가 상호작용할 수 있는 사용자 인터페이스(UI)가 필요합니다. 어떤 vibe-coding 도구든 사용할 수 있습니다.

1. 선택한 코딩 어시스턴트 계정에 로그인합니다.
2. 새 프로젝트를 시작하고 AI에 프롬프트를 제공합니다. 구축하려는 것을 명확하게 설명합니다.

{% hint style="info" %}

#### **예시 프롬프트**

"Chiliz Chain dApp을 위한 프론트엔드를 구축하고 싶습니다. 우선 Spicy Testnet을 위해 다음을 생성해 주세요:

* RPC 엔드포인트: <https://spicy-rpc.chiliz.com/>
* RPC 웹소켓: wss\://spicy-rpc-ws.chiliz.com/
* 체인 ID: 88882
* 통화 기호: CHZ

내 dApp이 해야 할 일: XXX.\
스마트 컨트랙트 주소: \[YOUR\_DEPLOYED\_CONTRACT\_ADDRESS]\
내 지갑 주소:

* 소유자는 \[YOUR\_OWNER\_ADDRESS]입니다.
* 수혜자는 \[YOUR\_BENEFICIARY\_ADDRESS]입니다.

지침:

* dApp에 가장 일반적인 도구를 사용하여 웹 인터페이스를 만드세요.
* xxxx를 표시해야 합니다.
* 사용자가 xxxx를 할 수 있어야 합니다.
* 소유자는 xxxx를 생성할 수 있는 비밀번호로 보호된 관리자 패널을 가져야 합니다."
  {% endhint %}

가능한 한 구체적으로 작성하세요! 그리고 반복해서 개선하는 것을 두려워하지 마세요.

## 사용자 지갑 연결

사용자가 자신의 지갑을 dApp에 연결하려면 지갑 커넥터 솔루션이 필요합니다. 선택한 AI 도구가 [Reown의 WalletKit](https://reown.com/walletkit)을 통합해 줄 수 있어야 합니다.

Reown 계정을 만들어야 합니다.

1. 아직 없다면 [Reown Cloud 계정에 가입](https://cloud.reown.com/sign-in)한 후 로그인합니다.
2. "프로젝트 생성"을 클릭합니다. 프로젝트 이름을 입력하고 "계속"을 클릭합니다.
3. 제품으로 "WalletKit"을 선택하고 "계속"을 클릭합니다.
4. 프레임워크로 "Next.js"를 선택하고 "생성"을 클릭합니다.

Reown Cloud가 새 프로젝트를 생성하고 프로젝트 ID도 생성됩니다. 왼쪽 상단에서 찾을 수 있습니다: 나중에 필요하므로 해당 ID를 복사하세요.

그런 다음 AI 도구에 통합을 처리하도록 지시합니다.

{% hint style="info" %}

#### **예시 프롬프트**

"Reown의 WalletKit을 사용하여 지갑 연결 기능을 추가해 주세요. 계정을 만든 후 WalletKit 프로젝트 ID와 API 키를 제공하겠습니다. '지갑 연결' 버튼이 WalletKit을 사용하도록 설정해 주세요."
{% endhint %}

AI와 WalletKit의 지침에 따라 설정을 완료하세요. WalletKit 계정에서 일부 정보를 AI 프로젝트에 복사해야 합니다.

AI 환경에서 dApp 프론트엔드가 완전히 작동하고 만족스러울 때까지 계속 쿼리하고 테스트합니다.

## Chiliz Chain Mainnet으로 이전

지금까지 모든 AI 도구에게 Spicy Testnet을 염두에 두고 작업하도록 요청했습니다. 이는 안전한 블록체인에서 앱을 테스트 운전하는 데 필수적이지만, 프로덕션 프로젝트에는 사용할 수 없습니다. 특히 실제 CHZ 토큰이 아닌 테스트 CHZ 토큰만 사용하기 때문입니다.

앱을 Spicy Testnet에서 Chiliz Chain Mainnet으로 이전하려면 위의 대부분 단계를 다시 수행해야 합니다.

1. Remix로 컨트랙트를 다시 배포하되 이번에는 Chiliz Chain Mainnet을 사용합니다.
2. [Chiliscan Mainnet](https://chiliscan.com/)에서 컨트랙트가 실제로 배포되었는지 확인합니다.
3. [Chiliscan Mainnet 컨트랙트 검증기](https://chiliscan.com/verifycontract)에서 컨트랙트를 검증합니다.
4. 마지막으로 AI에게 이제 Chiliz Mainnet을 사용하도록 앱을 업데이트하라고 지시합니다. 구체적으로 설명하세요!

{% hint style="info" %}

#### **예시 프롬프트**

"Chiliz Chain Mainnet을 위해 앱을 업데이트하고 싶습니다. RPC URL과 ChainID만 업데이트하고 다른 것은 변경하지 마세요:\
\* RPC 엔드포인트: <https://rpc.ankr.com/chiliz\\>
\* 체인 ID: 88888"
{% endhint %}

## 최종 테스트

다른 사람들과 공유하기 전에 앱을 한 번 더 테스트하세요.

완료되었습니다! 이제 Chiliz Chain에 배포된 AI 지원 풀스택 dApp이 완성되었습니다!


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.chiliz.com/ko/gaebal/gibon/bangbeob-gaideu/ai-dapp-mandeulgi.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.