로메오의 블로그

DBeaver에서 Oracle 드라이버 설정 방법입니다. Connection에서 Oracle을 누릅니다. 접속정보의 Host, Database, User name, Password를 입력하시고 Edit Driver Settings를 누릅니다. Driver 버전을 선택하고, 필요한 파일을 확인합니다. 그리고 Open Download Page를 누릅니다. Oracle 홈페이지에 로그인을 먼저하세요. 약정에 동의하고 ojdbc-full.tar.gz 파일을 다운로드합니다. 원하는 폴더에 압축을 푸세요. ojdbc7.jar orai18n.jar xdb6.jar 위 3개의 파일을 Add File 합니다. 앞서 화면에서 ojdbc8.jar를 요구했지만 ojdbc7.jar도 사용가능합니다. Test Connection..

App.js에서 truffle과 연결하도록 하겠습니다. /src/js/App.js 계정 정보를 가져와서 Content.js 콤포넌트로 넘겨서 화면에 표시하도록 하겠습니다. import React from 'react' import ReactDOM from 'react-dom' import Web3 from 'web3' import TruffleContract from 'truffle-contract' import Election from '../../build/contracts/Election.json' import Content from './Content' class App extends React.Component { constructor(props) { super(props) this.state ..

/src/index.html react용 root컴포넌트 추가하고 build.js 파일을 불러옵니다. webpack에서 output을 build.js 로 build 합니다. /src/App.js webpack.config.js에서 App.js 파일을 entry로 설정했기 때문에 App.js가 react의 시작이 됩니다. entry: path.join(__dirname, 'src/js', 'App.js'), $ touch src/js/App.js App.js의 기본 구조는 아래와 같습니다. import React from 'react' import ReactDOM from 'react-dom' class App extends React.Component { constructor(props) { super(..

DApp을 만들기 위해서 Solidity로 투표하기 App을 만들었습니다. [DAPP] WATCH EVENT LISTENER 그런데 Front-end 화면 개발을 단순한 html과 jquery를 이용해서 간단하게 구현했었는데요. 이것을 React.js프레임워크를 이용해서 Refactoring 해보겠습니다. 물론 코드를 간단하게 하기 위해서 Bootstrap같은 디자인 적인 요소는 사용하지 않겠습니다. webpack-cli 설치 $ npm install -g webpack-cli webpack-cli 를 글로벌로 설치합니다. React.js 환경 설정 babel 설치 $ npm install --save-dev @babel/core @babel/preset-env @babel/preset-react bab..

npm 설치과정에서 mkdir permission 오류가 발생했을때 $ sudo npm install web3 --unsafe-perm=true --allow-root sudo npm 으로도 해결되지 않으면 --unsafe-perm=true --allow-root 옵션을 준다. 그리고 Appears to be a git repo or submodule. 오류가 발생하면 $ sudo rm -rf node_modules/*/.git/ node_modules에 있는 .git 파일을 제거하고 다시 설치한다. 제일 좋은 방법은 yarn으로 넘어가시는게...

마지막으로 Watch Event Listener를 사용해보겠습니다. [DAPP] 투표하기 화면 구현 투표하기에 성공하면 location.reload()로 화면을 강제로 새로고침하였습니다. Election back-end 코드에서 이벤트가 발생했을때 화면으로 이벤트를 전달해 보도록 하겠습니다. /contracts/Election.js pragma solidity ^0.5.0; contract Election { .... // 투표하기 Watch Event event votedEvent ( uint indexed _candidateId ); // 투표하기 function vote(uint _candidateId) public { .... // 이벤트 트리거 emit votedEvent(_candidateId..

우리는 위와 같은 화면을 구현합니다. [DAPP] SOLIDITY FRONT-END ELECTION에서 후보자 읽어오기 위 포스트에 이어서 투표하기 코드를 추가하겠습니다. 먼저 Election.sol 에서 constructor에서 3명의 후보자를 추가하겠습니다. /contracts/Election.sol pragma solidity ^0.5.0; contract Election { .... // constructor constructor() public { addCandidate('romeoh'); addCandidate('doraemong'); addCandidate('pororo'); } .... } constructor에 위와 같이 코드를 추가합니다. 전체 코드는 아래와 같습니다. pragma so..

[DAPP] 투표하기 테스트 코드 작성 위 포스트에 이어 계속 테스트코드를 작성합니다. /test/election.spec.js const Election = artifacts.require('./Election.sol') contract('Election', accounts => { .... it('투표 유효성 검사', () => { return Election.deployed() .then(instance => { electionInstance = instance // 유효하지 않은 후보자에게 투표한다. return electionInstance.vote(99, {from: accounts[0]}) }) .then(assert.fail) .catch(error => { assert(error.mess..