Count DApp

목차

• 1. Environment Setup

• 2. Clone Count DApp

• 3. 디렉토리 구조

• 4. Write Smart Contract

• 5. Frontend Code Overview

  • 5-1. BlockNumber 컴포넌트

  • 5-2. Auth Component

  • 5-3. Count Component

• 6. Deploy Contract

• 7. Run App

Testing Environment

Count DApp is tested in the following environment.

• MacOS Mojave 10.14.5

• Node 10.16.0 (LTS)

• npm 6.9.0

• Python 2.7.10

Introduction

intro

This tutorial is intended to give a step by step guide to build a Klaytn dApp. No previous Klaytn experience is needed. We will make a simple web app interacting with a basic smart contract, Count. Any user who has a Klaytn account can increase and decrease the current value as shown in the above gif.

Source Code Complete source code can be found on GitHub at https://github.com/klaytn/countbapp

Intended Audience

Anyone who wants to learn how to build a Blockchain Application on Klaytn. 다만 스마트 컨트랙트와 상호작용하는 웹 애플리케이션을 구축할 것이기 때문에 다음의 개념들에 대해서 익숙하신 분들께 권장드립니다.

• 본 튜토리얼은 React와 Redux에 대한 기본 지식이 있다고 가정하고 진행합니다. 이 과정은 초보자를 위한 기본적인 설명이 없습니다.

• Basic knowledge and experience in Solidity development are recommended. 만약 솔리디티에 대해 잘 모르시더라도 소프트웨어 개발 경험이 어느 정도 있으시다면 튜토리얼의 단계별 가이드라인을 따라 수월하게 완료하실 수 있을 것입니다.