Blockchain31 리액트(React) CRA로 프로젝트 생성 후 스토리북(Storybook) 환경 구축 타입스크립트 기반의 리액트 프로젝트 생성 npx create-react-app . --template typescript yarn add typescript @types/node @types/react @types/react-dom @types/jest 스토리북 환경 구축 npx -p @storybook/cli sb init 실행하여 화면 확인 yarn start ※ babel-loader 관련 에러 발생 시 해결 방법* node_modules 삭제 * yarn.lock 또는 package-lock.json 삭제 * package.json 파일에 아래 코드 추가 후 'yarn' 입력하여 패키지 재설치 "resolutions": { "babel-loader": "8.1.0" }, 스토리북 실행 확인 .. 2021. 11. 22. 도커(Docker) 환경에서 오픈 이더리움(Open Ethereum)을 사용한 이더리움 네트워크 자체 구축 네트워크 구축 $ docker run -it --name openethereum ubuntu // 이미지 자동 다운로드, 컨테이너 실행 # apt-get update # apt-get install -y gcc g++ pkg-config file make cmake git clang curl libssl-dev ※ 인스톨 완료 후 Timezone 설정 시, [6 -> 69] 선택 # curl https://sh.rustup.rs -sSf | sh # apt-get install -y yasm # apt-get install cargo # source $HOME/.cargo/env # rustc --version // Rust 설치 확인 # rustup override set 1.51.0 // 버전 하향 .. 2021. 11. 15. 211109 미팅 내용 정리 목표 ** 자체 블록체인/도커인터페이스/스캔 등의 개발 환경 구축 필요 * Linux 환경 구성 후 parity-ethereum을 git clone (링크 : https://github.com/openethereum/parity-ethereum) * docker compose 사용 * 자체 스캔 구축, ethereum classic/explorer (링크 : https://github.com/ethereumclassic/explorer) ubuntu - 개요 Linux의 여러 배포판(Red Hat, CentOS 등) 중 하나인 Debian에서 파생된 고유한 데스크탑 환경을 사용하는 또 다른 배포판 - 특징 * 개인용, 데스크탑 환경에 최적화 대부분의 리눅스 배포판들이 서버용으로 사용되고 있는것에 반해, .. 2021. 11. 9. 자료조사 : 탈중앙 금융에서의 유동성 풀(Pools)과 농사(Farms) 유동성 풀이란? 스마트 컨트랙트 내에 동결되어 있는 자금들로 자동화된 시장 메이커(AMM), 대출 및 차용 프로토콜, 이자 농사, 합성 자산, 온체인 보험, 블록체인 게임 등의 핵심 기술 탈중앙 금융 생태계를 뒷받침하는 기초 기술 중 하나이며, 탈중앙화된 트레이딩이나 대출 등 다양한 기능을 지원하기 위해 사용 유니스왑과 같은 많은 탈중앙 거래소(DEX)의 핵심 유동성 제공자(LP)는 풀에 동일한 가치를 갖는 두 가지 토큰을 추가하고 시장을 생성하고 자신의 자금을 제공하는 대가로, 사용자는 자신의 풀에서 발생하는 거래 수수료를 전체 유동성 내 자신의 지분에 따라 분배 받음 유동성 풀을 통해 탈중앙화된 트레이딩, 대출, 이자 수익 창출 등이 가능하고 유동성 풀 스마트 컨트랙트는 현재 많은 탈중앙 금융 부문에.. 2021. 11. 7. Uniswap_interface 코드 분석 수정 중 id or function conditional, state, variable function action interface/src/pages/Swap/index.tsx, swap-button isExpertMode, true handleSwap() false setSwapState() tradeToConfirm: trade, attemptingTxn: false, swapErrorMessage: undefined, showConfirm: true, txHash: undefined, const handleSwap() if (!swapCallback) return if (priceImpact && !confirmPriceImpactWithoutFee(priceImpact)) return setSw.. 2021. 11. 7. Truffle, Solidity, Node.js, Web3.js 버전 변경 방법 Truffle 삭제 후 재설치 삭제 : npm uninstall -g truffle 또는 npm uninstall truffle 원하는 버전으로 설치 : npm install -g truffle@5.4.6 Solidity root directory에 truffle-config.js 파일 생성 후 코드 작성 const path = require("path"); module.exports = { contracts_build_directory: path.join(__dirname, "client/src/contracts"), networks: { development: { host: "127.0.0.1", port: 8545, network_id: "*", }, develop: { port: 8545 } },.. 2021. 11. 3. 이전 1 2 3 4 ··· 6 다음
