Count dApp 빌드하기

목차

• 환경 설정
• 스마트 컨트랙트 배포
• 디렉터리 구조
• 프론트엔드 코드 개요
  • BlockNumber 컴포넌트
  • Auth 컴포넌트
  • Count 컴포넌트

테스트 환경

Count dApp은 다음 환경에서 테스트되었습니다.

• MacOS Mojave 10.14.5
• Node 10.16.0(LTS)
• npm 6.9.0
• Python 2.7.10

소개

이 튜토리얼은 클레이튼 dApp을 빌드하는 방법을 단계별로 안내하기 위한 것입니다. 클레이튼에 대한 사전 경험이 없어도 됩니다. 기본적인 스마트 컨트랙트인 Count와 상호작용하는 간단한 웹앱을 만들겠습니다. 클레이튼 계정이 있는 사용자라면 누구나 위 그림과 같이 현재 값을 늘리거나 줄일 수 있습니다.

소스코드
전체 소스 코드는 GitHub에서 https://github.com/klaytn/countbapp에서 확인할 수 있습니다.

대상 독자

클레이튼에서 블록체인 애플리케이션을 구축하는 방법을 배우고 싶은 분이라면 누구나 참여 가능합니다. 스마트 컨트랙트와 상호작용하는 웹 애플리케이션을 만들어 보겠습니다. 이 튜토리얼을 완료하려면 다음 개념에 익숙해야 합니다.

• React 및 Redux에 대한 기본 지식이 있다고 가정합니다. 이 강좌는 완전 초보자를 위한 강좌가 아닙니다.
• Solidity 개발에 대한 기본 지식과 경험이 있는 분을 권장합니다. 하지만, SW 개발 경험이 있는 개발자라면 본 튜토리얼의 단계별 가이드에 따라 작업을 완료할 수 있습니다.