XRPL 코드 챌린지

React.js와 XRPL로 NFT 민팅하기

“Build with React.js and XRPL” 강좌에서 배운 내용을 시험해 보세요.

React 코드 챌린지

과제:
아래 샌드박스를 열고 NFT 애플리케이션의 본인 포크를 만들어 보세요. NFT를 민팅한 뒤, 앱 코드를 수정해 NFT 전송 수수료를 20%로 바꾸고 taxon을 1로 설정한 다음 계정에 두 번째 NFT를 민팅하세요.

힌트:
필요한 변경은 앱 컴포넌트 안에서 찾아야 합니다. 코드 샌드박스의 콘솔에서 메타데이터와 트랜잭션 세부 정보를 확인하면 NFT 전송 수수료와 taxon 변경이 올바른지 검증할 수 있습니다.

XRPL의 NFT에는 다음과 같은 필수 필드가 있습니다:
NFTokenTaxon - 같은 계정에서 발행된 NFT를 그룹화하는 데 사용하는 임의의 ID입니다. 비슷한 자산 묶음을 만들 때 같은 NFTokenTaxon을 사용할 수 있습니다.
URI - 이 선택 필드는 NFT와 관련된 추가 정보로 연결할 수 있게 해 줍니다. 일부는 NFT가 나타내는 자산으로 연결하고, 일부는 마켓플레이스나 다른 애플리케이션에서 NFT를 해석하는 데 도움이 되는 추가 메타데이터로 연결합니다.

NFT 샌드박스 시작하기

  1. 코드 창 오른쪽의 ‘Open Sandbox’ 링크를 사용해 샌드박스를 여세요.
  2. 지갑에 자금이 입금될 때까지 기다리세요.
  3. URI 필드에 링크나 소량의 텍스트를 추가해 NFT를 사용자화하세요. 이 필드는 원장에 저장되는 데이터 크기를 합리적으로 유지하기 위해 최대 256바이트를 허용합니다. 일반적으로 디지털 콘텐츠나 메타데이터 링크를 넣는 위치입니다.
  4. Send 버튼을 클릭해 NFT를 민팅하고, NFTokenMint 트랜잭션이 XRPL에서 검증될 때까지 기다리세요.
  5. 성공하면 계정에 토큰 ID와 함께 입력한 URI가 표시됩니다. 다른 URI로 반복하면 더 많은 NFT가 계정에 추가되는 것을 볼 수 있습니다.