기본 세팅 가나슈와 메타마스크 연결 truffle init truffle-config.js 수정 // 주석 해제 작업 순서 환경 설정 코드 작성 가나슈 배포(local) 테스트넷 배포(테스트넷 이더리움) My Ether Wallt (MEW) - MEW란? * 메타마스크와 같은 지갑, 온라인 브라우저(사이트)로 구현되어 있음 * 스마트 컨트랙트에 대한 메서드나 내용들을 볼 수 있는 기능이 있음 * 프론트단이 없어도 결과 확인 가능 // postman과 비슷한듯 - 사용법 사이트 접속 (링크 : http://www.myetherwallet.com) 메타마스크 연결하기 연결 완료 확인 작업 시작 npm init // root 디렉토리에서 작업 npm install openzeppelin-solidity /no..

실습 truffle unbox react ganache 실행 후 metamask 연결 truffle-config.js 내용 수정 // 이전과 같이 /contracts/SimpleStorage.sol 코드 수정 // SPDX-License-Identifier: MIT pragma solidity >=0.4.21 { const [value, setValue] = useState(0); const [storage, setStorage] = useState(0); const [loading, setLoading] = useState(false); // 직접 서명 const send = () => { } // DB(Back-end) 거치고 서명 const sendAPI = () => { } // DB 서명 con..

실습 전 이론 학습 - 리액트에서 배포(deploy)한 스마트 컨트랙트 내용을 가져 올 때 web3를 사용 - Web3를 메타마스크에 연결하는 방법은? 트러플이 알아서 해줌 DApp 구현 실습 (과일 상점) npm install -g truffle // 트러플 설치 truffle unbox react // 리액트 작업 환경 자동 세팅 ganache 실행 후 metamask 연결 (이전 포스트 참조, 링크 : https://hwan91.tistory.com/11) truffle-config.js 코드 수정 truffle compile // contract 코드 컴파일 truffle migrate // contract 코드 배포 cd client npm run start // 리액트 실행 localhost:..

설치 순서 메타마스크(MetaMask) 가나슈(Ganache) 트러플(Trueffle) 메타마스크 * 공개키 : 20자리의 주소키 * 암호키 : 개인키 - 설치 및 가입 크롬에서만 설치 가능 설치 링크 : https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn4 설치 후 퍼즐 모양 클릭하여 브라우저 상단 고정 가능 시작하기 클릭 기존 사용자는 지갑 가져오기, 첫 사용자는 지갑 생성 클릭 동의함 클릭 암호 설정 비밀 구문 백업, 아래 빈 네모칸에 영어 단어들의 나열이 출력 됨 비밀 구문 확인, 이전에 나왔던 단어를 순서대로 클릭 후 확인 가입 완료, 크롬 우측 상단에서 고정한 아이콘으로 지갑 정보 확인 가능 가나..