myej+I+n s+T+udying

197. Routing to Campaigns [index.js] import React, {Component} from 'react'; import factory from '../ethereum/factory'; import { Card, Button } from 'semantic-ui-react'; import Layout from '../components/Layout'; impor{Link} from '../routes'; class CampaignIndex extends Component{ static async getInitialProps(){ const campaigns = await factory.methods.getDeployedCampaigns().call(); return { camp..

178. The Need for a layout 헤더-푸터 각 페이지마다 매번 다시 작성하기 번거로움 => 레이아웃을 만들어 재사용하자 = Layout.js Layout.js 180. The Layout Component 1. components folder 생성 2. Layout.js file 생성 181. Assembling a Header - 183.Two Column layout 184. Nested Routing http://localhost:3000/campaigns/new : url 접속 185. Final Css Fix Layout.js import React from "react"; import { Container } from "semantic-ui-react"; import Head ..

158. App Mockups *putting together this application 158. CRA vs Next Routing = showing multiple pages to users 160. Next Page's Architecture 1. git bash 내에서 kickstart dir 안으로 들어옴 2. $ npm install next react react-dom 3. next를 실행하면 new dir 이 자동적으로 생성됨 4. pages dir 생성 5. pages dir 안에 js 파일 2개 생성 161. Basics of Next Routing package.json 수정사항 $ npm run dev 1. url: http://localhost:3000 url 방문해 보면 40..

144. project setup 145. Directory Structure atom 열기 디렉토리 & 파일 구조는 위와 같음 146. A Better Compile Script - 147. Single Run Compilation [compile.js] const path = require('path'); const solc = require('solc'); const fs = require('fs-extra'); //improve version of fs module const buildPath = path.resolve(__dirname,'build'); fs.removeSync(buildPath); const campaignPath = path.resolve(__dirname, 'contract..

114. Solving Real Problems with Contract new project ; why we care about etherium & smart contracts at all ; where to use in new project -> what the problem is with the startup & how we can apply blockchain technology kickstarter = help you raise some money (크라우드 펀딩 주관해주는 사이트) -> 여기서 문제는 ? -> 크라우드 펀딩 받았지만 실제로는 프로젝트를 생산해낼 능력이 없음 => sorry we ran out of money and we can't give you your product = 악의..

95. Ethereum App Architecture React 사용 -> ethereum app enter 버튼 = 정보 변경 정보 바꾸려면 사용자의 공개, 비밀키를 사용해야 함 *사용자들의 비밀키는 어떠한 상황에서도 절대절대 나의 서버로 전송되지 않음 97. Application Overview ; functionality 98. Getting started with Create-React-app npm run start 99. Multiple Web3 Instances *provider=allows us to communicate to some given Etherium N/W -> to make use of the provider from the version of web3 that has alr..

65. The Lottery Contract - 66. Lottery Design enter = send a transaction pickWinner = picks a winner randomly 68. Basic Solidity Types UINT & INT *cannot store any decimals ; only whole numbers address 주소 저장하는 타입 69. Starting the Lottery Contract - 70.The Message GLobal Variable Global Variable = message object (MSG) -> available when creating a new contract -> available with any function invoca..

34. Contract Deployment : how do we actually deploy it? contract source-solidity complier-abi | contract bytecode Truffle = tool Problems with Truffle Custom Node Project : project that's going to help us run, test and deploy our remix or Etherium contracts 36. Project Requirements need to be 100% positive that before we deploy our contract ; deal with very real money MOCA test Library ; how to ..

20. Our First Contract 21. Contract Structure contract 키워드 = class 키워드와 유사 string 키워드 = 문자열 public 키워드 = who has access to contects 22. Function Declarations public: 계정을 가진 모든 사람이 접근 가능 private: 계정주만 접근 가능 payable 24.Testing with Remix 25.~27. more on running functions than you want to know 블록체인에 저장된 데이터를 변경하고 싶다면 transaction을 submit + 마이닝되기까지 기다림 -> 이게 왜 중요한가? setMessage = 블록체인을 바꾸는 것 => 트랜젝션 포..

17. Smart contracts contract source code를 다른 nw에 deploy함=> contract instance가 생성 (class-instance와 유사한 관계) we then create instances or copies of that class by deploying them to a specific network 18. The solidity pg language Solidity 솔리디티로 스마트컨트랙 정의를 해줌 -> 정의한 솔리디티를 컴파일러로 돌림 -> 2개의 파일로 나눠짐 1. 바이트 코드 2. ABI =key for writing applications that can interact with these deployed smart contract =how we ..