예상 독서 시간

10분

난이도

초급

주요 요점

React 컴포넌트를 사용하여 XRPL에서 결제 송금을 위한 테스트 계정과 기본 사용자 인터페이스를 만드세요.

레슨1

XRPL 및 React.js 와 함께 코딩 시작하기

React.js를 사용하여 XRPL과의 기본 인터페이스 구축하기

개발자가 XRPL과 상호 작용하는 방법

XRPL을 사용할 때 대부분의 개발자가 해야 할 두 가지 중요한 작업이 있습니다:

  1. 거래 전송 (원장에서 무언가를 변경하기 위해)
  2. 요청 전송 (원장에서 무언가를 조회하기 위해)

예를 들어, Payment 거래를 사용하여 친구에게 결제를 보낸 후 account_info 요청을 사용하여 자신의 계좌의 잔여 XRP를 확인할 수 있습니다.

이 튜토리얼은 쉽게 거래를 전송하고 원장에서 무슨 일이 일어나고 있는지 조회할 수 있는 React 앱을 설정하는 방법을 보여줍니다. 이 튜토리얼은 두 가지 주요 라이브러리를 사용할 것입니다: 간단한 인터페이스 조립을 쉽게 할 수 있는 React 컴포넌트 라이브러리인 nice-xrpl 및 거래와 요청 전송을 용이하게 하는 클라이언트 라이브러리인 xrpl.js입니다.

해당 수업에서 배울 수 있는 내용

다음의 각 수업에서는 React.js 컴포넌트로 구축된 코드 샌드박스에서 기본적인 애플리케이션을 사용하는 방법을 보여줍니다. 설명을 건너뛰고 최종 결과만 보고 싶다면 각 레슨의 코드 샌드박스로 바로 이동할 수 있습니다.

첫 번째 레슨에서는 다음을 배우게 됩니다:

  1. XRPL에서 계정 생성하기.
  2. 계정에서 다른 계정으로 결제하기.
  3. 계정 잔액 확인하기.

두 번째 레슨에서는 다음을 배우게 됩니다:

  1. XRP 외의 토큰을 받을 수 있도록 계정을 설정하기.
  2. 다른 계정과 토큰을 주고받기.
  3. 모든 토큰의 잔액 표시하기.

세 번째 레슨에서는 다음을 배우게 됩니다:

  1. 대체 불가능 토큰(NFT) 생성하기.
  2. 계정의 NFT 목록 가져오기.
  3. 소유한 NFT 소각/삭제하기.

이 수업들을 마친다면 XRPL을 사용하는 방법 및 원장과 상호 작용할 수 있는 React 앱을 신속하게 구축하는 방법에 대한 기초를 다질 수 있을 것입니다.

수업 종료

지금까지 배운 내용을 테스트할 시간입니다!

1. 개발자가 XRPL과 상호작용하는 두 가지 기본 방법은 무엇인가요?
2. XRPL에서 요청을 하는 주요 목적은 무엇인가요?