Drizzle 알아보기

Truffle Suite를 통해 블록체인 개발을 쉽게 할 수 있습니다.
또한 스마트 컨트렉트의 개발, 배포, 테스트는 Truffle 및 Ganache CLI를 사용하여 할 수 있습니다.

Drizzle은 프론트 엔드 라이브러리 컬렉션으로 dapp사용자 인터페이스를 쉽게 작성할 수 있게해줍니다.

Drizzle은 자바스크립트를 사용해 빌드됩니다. 또한 자바스크립트의 라이브러리인 React를 지원합니다.

Drizzle은 Redux를 사용합니다.
Redux는 모든 트랜젝션을 쉽게 추적할 수 있는 자바 스크립트용 상태 컨테이너입니다.
또한 어플리케이션이 사용자와 사용자가 사용하는 모든 환경에서 일관성있게 작동하도록 도와줍니다.

자바스크립트 어플리케이션이 이더리움 노드와 통신하려면 Web3 API가 필요합니다.

Drizzle 구성

Dizzle은 모듈식으로 이루어져있어 원하는 라이브러리만을 사용할 수 있습니다.

주요 패키지는 아래와 같습니다.

• drizzle: web3, 계정 및 계약을 인스턴스화하는 데 사용하는 라이브러리입니다. 또한 라이브러리를 사용하여 스마트 계약을 dapp에 연결합니다.
• drizzle-react: 핵심 Drizzle 기능을 추상화하여 사용 가능한 React 구성 요소를 만드는 라이브러리입니다.
• drizzle-react-components: 일반적인 dapp 함수에 대한 사용자 인터페이스 구성 요소를 포함하는 라이브러리입니다. 이 라이브러리에는 ContractData, ContractForm 및 LoadingContainer React 구성 요소가 포함되어 있습니다.

Drizzle 설치

npm을 사용해 설치를 하겠습니다. npm install @drizzle/store 명령어를 입력합니다.

설치가 끝나면 아래와 같이 사용하고싶은 패키지를 임포트 할 수 있습니다.

import { Drizzle } from "@drizzle/store";
import { newContextComponents } from "@drizzle/react-components";
import { DrizzleContext } from "@drizzle/react-plugin";