메타마스크로 트랜잭션 발생시키기

Ethereum/이더리움 - 메타마스크를 통한 스마트 컨트랙트 실행

이번 포스팅에서는 메타마스크를 사용해서 스마트 컨트랙트를 실행시켜보는 작업을 진행해보고자 한다. 위에 보이는 것과 같이 스마트 컨트랙트에 의해 동작하는 Counter(카운터)를 만들어 볼 예정이다. 화면에 보이는 (+)버튼, (-)버튼을 클릭할 때마다 클라이언트는 메타마스크와 연결된 계정을 사용해 트랜잭션을 발생시키게 되고 스마트 컨트랙트 코드가 실행되어 상태변수의 값이 변경된다. React를 사용해 프론트 화면을 구성할 예정이며 메타마스크는 Ganache 네트워크에 연결하고자 한다. 그리고 스마트 컨트랙트 작성 및 배포는 Truffle을 사용할 것이다. $ # front 디렉토리 $ npx create-react-app front $ # ganache 실행 $ npx ganache-cli $ # tru..

Ethereum/이더리움 - 메타마스크 연결하기

이번 포스팅에서는 DApp을 만들기 위한 기초 작업을 진행해보려 한다. 구글 Chrome 확장 프로그램으로 메타마스크를 설치한 다음 직접 만든 웹 사이트와 메타마스크를 연결하는 작업을 해보도록 하자. [메타마스크] 네트워크 추가하기 프론트 & 메타마스크 연결 1. [메타마스크] 네트워크 추가하기 Chrome 브라우저에서 확장 프로그램으로 메타마스크를 설치해준 다음 로그인까지 진행해주도록 하자. ( 설치하고 계정을 생성하는 과정은 생략,, ) 메타마스크 계정에 로그인을 완료하면 다음과 같은 화면이 나오게 된다. 가나쉬(ganache)를 이용해 생성한 로컬 이더리움 네트워크를 메타마스크에 추가해주는 작업을 진행보면서 메타마스크에서 네트워크를 추가하는 방법에 대해 알아보자. 우측 상단의 "이더리움..