본문 바로가기

개인 프로젝트10

[ Lottery DApp개발 - 5 ] bootstrap library 추가 ( yarn add bootstrap 명령어 사용 ) src 폴더 아래 index.js 파일 수정 import 'bootstrap/dist/css/bootstrap.css' src 폴더 아래 App.js 파일 수정 render() { return ( {/* Header - Pot, Betting characters */} Lottery Edit src/App.js and save to reload. Learn React ); } } chrome 에서 bootstrap 적용 확인 ( yarn start 명령어 사용 ) bootstrap4의 jumbotron 테마 활용 : https://www.w3schools.com/bootstrap4/.. 2021. 3. 6.
[ Lottery DApp개발 - 4 ] 이번 실습에서 할 일 : 지금까지 만든 Lottery Smart Contract 를 React 에 연결하여 Front에 붙임 메타마스크 설치 필수 ——————————————————————————————-//npm Create React app 설치 ( npm -g install create-react-app 명령어 사용 ) lottery-react-web 이라는 이름의 react app 생성 ( create-react-app lottery-react-web 명령어 사용 ) lottery-react-web 이 생성된것 확인 lottery-react-web으로 이동하여 yarn start 리액트 기본페이지 출력됨 ——————————————————————————————-//ya.. 2021. 3. 5.
[ Lottery DApp개발 - 3 ] Lottey.sol 파일에 distribute 함수 추가 /** * @dev 베팅 결과값을 확인 하고 팟머니를 분배한다. * 정답 실패 : 팟머니 축척, 정답 맞춤 : 팟머니 획득, 한글자 맞춤 or 정답 확인 불가 : 베팅 금액만 획득 */ function distribute() public { // head 3 4 5 6 7 8 9 10 11 12 tail // 큐 - 새로운 정보는 tail방향 부터 추가 uint256 cur; // head 부터 tail 방향으로 도는 루프 BetInfo memory b; BlockStatus currentBlockStatus; // 현재 BlockStatus for(cur=_head;cur AnswerBlockN.. 2021. 3. 5.
[ Lottery DApp개발 - 2 ] Dapp 서비스 설계 지갑 관리 : 돈 관리 아키텍쳐 a. Smart Contract - front b. Smart Contract - Server - front Code a. 코드를 실행하는데 돈이든다. b. 권한 관리 c. 비지니스 로직 업데이트 d. 데이터 마이그레이션 운영 a. Public b. Private Lottery 규칙 +3 번째 블록해쉬의 첫 두글자 맞추기 ‘0xab…’ a. 유저가 던진 트랜잭션이 들어가는 블로 +3의 블록해쉬와 값을 비교 팟머니 a. 결과가 나왔을 때만 유저가 보내 돈을 팟머니에 쌓기 b. 여러명이 맞추었을 때는 가자 먼저 맞춘 사람이 팟머니를 가져간다. c. 두 글자 중 하나만 맞추었을 때는 보내 돈을 돌려준다. 0.0.. 2021. 3. 4.
[ Lottery DApp개발 - 1 ] 설치 했었던 Truffle, Solidity, Node 버전 확인 프로젝트 폴더 생성 lecture-tutorial 후 smartcontract를 사용할 폴더 lottery-smart-contract 생성 lottery-smart-contract 폴더로 이동하여 truffle init 명령어 실행 -> truffle 프로젝트의 기본세팅 새로생긴 폴더들 확인 ( ls-al 명령어 사용 ) Visual Studio Code 로 lottery-smart-contract 프로젝트 오픈 -> Migrations.sol, 1_initial_migration.js 파일 생성 확인 contracts 폴더 : 스마트 컨트랙트 관.. 2021. 3. 4.
[ Lottery DApp개발 - 0 ] 개발환경 세팅 인프런의 "Ethereum 실전! 초보자를 위한 Lottery Dapp 개발"을 수강하며 만든 프로젝트 입니다. www.inflearn.com/course/ethereum-dapp# [무료] Ethereum 실전! 초보자를 위한 Lottery Dapp 개발 - 인프런 | 강의 환경설정부터 스마트컨트랙트 및 실제 web 제작까지 Dapp 개발 프로세스에 대한 전체적인 이해를 완벽하게 시켜드립니다., 크립토 좀비는 보라해서 봤는데... 그 다음은 어떤걸 봐야 할까요? 트러 www.inflearn.com 기본적으로 필요한 것 node.js -> 강의에서는 8버전 사용 ( 8버전 이상이면 상관 없음 ), 현재 내 컴퓨터의 버전은 12.16.1 vscode ( Visual Studi.. 2021. 3. 4.