1. 좋아하는 편집기를 선택하세요.

    1. AI 코드 편집기 중 가장 인기 있는 AI 툴 중 하나는 Cursor입니다. 여러분이 학생이라면 1년간 Cursor를 무료로 사용할 수 있습니다.
    2. Cursor는 기본적으로 AI 기능을 내장한 VSCode 포크이지만, 여전히 VSCode를 선호한다면 학생용 패키지도 제공되니 여기를 확인해 보세요.
    3. Windsurf도 있지만 Cursor와 VSCode 보다는 인기가 없습니다. 최근에는 OpenAI에 인수 되었습니다. 여기에서 자유롭게 사용해 보세요.
    4. 이 가이드에서는 내장된 Cursor 파일을 갖춘 Scaffold-ETH를 사용하도록 권장합니다.
    5. 어떤 것을 선택하든 가장 효과적인 결과를 위해 Claude 3.5 또는 3.7을 사용하세요. 다른 모델들도 좋지만 Claude에 비해서는 덜 효과적입니다.
  2. 컴퓨터에 gitnode, 및 yarn가 설치되어 있는지 확인하세요.

  3. 다음 명령어를 실행하세요:  npx create-eth@latest로 최신 Scaffold-ETH를 로컬 머신에 설치하세요.  Scaffold-ETH는 NextJStailwinddaisyuirainbowkitwagmi/viem를 프론트엔드에, hardhat/foundry를 스마트 계약 측에 사용하는 무료 EVM 킷입니다.(사용하고 싶은 것을 선택할 수 있습니다.) 본인에게 익숙한 것을 선택하는 것을 추천드립니다.

    1. 프로젝트 구조를 살펴보고 전체 흐름을 이해하세요.
      1. 여기는 hardhat을 선택했을 때 확인할 수 있는 버전입니다.
      2. 여기는 foundry 버전입니다.
      3. 두 버전 모두 프론트엔드로 NextJS를 사용합니다.
    2. readme를 읽고 문서를 대략적으로 살펴보세요.
    3. yarn chain을 실행하여 로컬 블록체인 노드를 시작하세요.
    4. yarn deploy 를 실행하여 로컬 노드를 통해 컨트랙트를 배포하세요.
    5. 프론트엔드를 실행하려면 yarn start를 실행하세요.
    6. 프론트엔드에 액세스하려면 http://localhost:3000/ 로 연결하세요.
    7. dApp에 변경 사항을 적용하고 프론트엔드가 어떻게 변경되는지 확인하세요.
  4. 프롬프트를 시작하세요.

    image.png

    1. 명확한 프롬프트를 사용하세요.
    2. 한 질문 = 한 탭. 하나의 채팅에서 주제를 벗어나지 않도록 노력하세요.
    3. Cursor와 Scaffold-ETH를 함께 사용할 때 볼 수 있는 개요입니다.
    4. 모델과 10개 이상의 메시지를 주고받은 후에도 아이디어가 작동하지 않으면 채팅을 중단하세요. 아마 작동하지 않을 것입니다.
    5. 다른 방법을 시도하거나 수동으로 수행하세요.
  5. 여기까지가 전부입니다!

    1. 변경 사항을 완료한 후 Monad Testnet에 dApp을 배포하려면 yarn deploy --network monad_testnet를 실행하세요.
    2. foundry 버전이 1.0.0인지 확인하세요. sourcify 검증은 foundry 버전 1.1.0과 호환되지 않습니다.
    3. Scaffold-ETH 2의 hardhat 및 foundry 버전 모두에 대해 배포 및 검증 명령어는 동일합니다.
    4. 계약을 배포한 후 yarn verify --network monad_testnet를 실행하여 검증하세요.
  6. 이제 컨트랙트가 Monad Testnet에 배포되고 Blockvision에서 검증되었으므로 프론트엔드를 배포해야 합니다!

    1. yarn vercel를 실행하여 프론트엔드를 배포하세요.
    2. 처음인 경우 vercel에 로그인하거나 vercel 계정을 생성해야 할 수 있습니다.
    3. 초기 배포 후에는 yarn vercel —-prod를 실행하여 프로덕션 환경에 직접 배포하세요.
  7. 이걸 반복하세요!

    1. 한 채팅 = 한 기능입니다. 한 채팅에 모든 것을 넣지 마세요.
    2. LLM이 5~10회 이상 올바르게 처리하지 못한다면, 곧 올바르게 처리할 가능성이 낮습니다.
    3. 학생이라면 Cursor의 무료 1년 이용권을 잊지 말고 신청하세요!

기타

  1. 시각 자료 만들기
    1. 먼저 ChatGPT를 시도해 보세요
    2. ChatGPT가 충분하지 않다면 다음을 시도해 보세요 https://x.com/kvncnls/status/1899474210042355780
  2. 웹사이트 UI 제작
    1. https://x.com/stitchbygoogle/status/1924947794034622614
    2. https://x.com/lovable_dev
    3. https://x.com/v0