BlockChain41 (BlockChain) Truffle로 MetaMask와 React,Express 연결 최근에 작성한 이전 게시물에서 Truffle을 이용하여 MetaMask와 React 환경의 Front를 연결했다 이번에는 거기에 Express 환경까지 연결하여 Axios 통신을 이용해 보도록 한다 먼저 Express환경을 설치할 폴더를 만들어서 다음 명령어를 실행한다 npm init -y 이후 필요한 라이브러리를 설치해 준다 npm i express cors truffle web3 truffle 라이브러리가 설치되었다면, 그 환경에 맞게 다음 명령어로 기본 설정을 해줘야 한다 npx truffle init 이 명령어가 정상적으로 작동했다면 3개의 폴더 1개의 js 파일이 생성된다 contracts Smart Contract 코드 작성 폴더이다. Solidity언어로 작성한 코드를 여기에 작성하면 된다고.. 2023. 3. 5. (BlockChain) MetaMask와 Front(React) 연결 일단 작업할 폴더에 React 환경을 설치해주자 설정이 완료되면 쓸 때 없는 기본 제공되는 효과들은 지워주자 그리곤 입력한 값에 따라 최초 0이었던 수가 사칙연산에 따라 변하도록 하는 solidity contract 코드를 작성하자 // SPDX-License-Identifier: MIT pragma solidity ^0.8.18; contract InputCalc{ int private result; constructor(){ result = 0; } function getResult() public view returns (int){ return result; } function add(int _input) public { result += _input; } function minus(int _inp.. 2023. 3. 3. (BlockChain) Truffle 기본설정 작업하고자 하는 폴더로 이동 이후 npm i truffle 입력 truffle 라이브러리 설치 후 npx truffle init 입력 저는 오늘 날짜에 truffle-test 폴더 안에서 명령어를 입력했습니다!! 그리곤 3개의 폴더와 1개의 js 파일이 생성되었습니다 생성된 폴더 contracts : Solidity를 이용한 Smart Contract 코드 작성 폴더 migration : 배포 관련된 코드를 작성하는 폴더 test : 테스트 코드 작성 폴더 생성된 파일 truffle-config.js : tuffle 설정 파일 컴파일할 Solidity 코드 작성 // SPDX-License-Identifier: MIT pragma solidity ^0.8.18; contract Practice{.. 2023. 3. 2. (BlockChain) JS에서 Solidity 및 Smart Contract 실행 JavaScript 환경에서 solidity 언어로 작성한 코드로 스마트 컨트랙트를 발생시키려고 한다 이에 우리는 3개의 라이브러리를 require 해준다 const solc = require("solc"); const fs = require("fs"); const path = require("path"); solc 라이브러리 : solidity 코드를 bytecode로 반환하는 컴파일 라이브러리 fs 라이브러리 : FileSystem, 파일에 접근하여 데이터를 가져오거나 생성 및 수정 등 기능을 제공 JS 내장 라이브러리 path 라이브러리 : 경로에 대한 편의 기능을 제공하는 JS 내장 라이브러리 그리곤, 파일 이름을 매개변수로 받아 컴파일 해주는 메서드를 클래스 내에 static 형식으로 생성 //.. 2023. 2. 28. 이전 1 2 3 4 5 6 7 8 ··· 11 다음
