실습 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:..

스마트 컨트랙트 실습 과정 - 솔리디티 코드 작성 - 솔리디티 코드를 RPC 통신을 통해 실행 - 솔리디티를 실행을 위해 컴파일 // solc - .sol 파일을 컴파일하면 .abi 파일과 .bin 파일 자동 생성 * .abi : Application Binary Interface, 런타임 시 바이너리 코드와 데이터를 실행시키기 위한 json 파일 * .bin : Binary File, 결과물을 출력 실습을 위환 환경 설정 ※ NodeJS 환경에서 세팅 설치 목록 트러플(Truffle) 가나슈(Ganache) 솔리디티 컴파일러(solc) 설치 진행 npm init npm install -g truffle npm install -g solc npm install -g ganache-cli npm insta..