1.2 나도 이제 이더리움 프레임워크를 써보자: 트러플(Truffle)

프로젝트 셋업

강의에서는 프론트엔드 개발을 위해 순수 자바스크립트 코드를 활용하겠습니다. 즉 ReactAngular 와 같은 프레임워크를 쓰지 않습니다. 이를 위해 Webpack 을 활용합니다.

  1. 프로젝트 셋업 완료 후, 디렉토리에 있는 파일들 중 MetaCoin.sol, Migrations.sol 은 삭제해도 됩니다. 트러플이 예제 앱의 구성요소로서 생성한 것입니다.
  2. truffle.js 라는 설정 파일에서 port 값을 8545 로 꼭 바꿔주셔야 합니다. 가나슈가 해당 port 에서 실행됩니다.
  3. 만약 명령형 인터페이스(CLI)에 익숙하지 않고, mkdir 와 같은 명령어가 생소하다면 직접 폴더들을 눌러가며 파일을 확인해도 괜찮습니다. 하지만 CLI 환경에 익숙해지는 것도 중요하기에, 조금씩 써보시는 것을 적극 권장합니다(여러분을 위해).

Webpack box 관련 주의사항

가장 최신 Truffle Webpack box 에 많은 변경사항들이 있어(디렉토리 이름 변경, 설정값 변경 등) 혼란스러울 수 있습니다. 이런 혼란스러움을 겪지 않기 위해, 여기를 눌러서 프로젝트 파일들을 다운받고 클론하길 바랍니다. 특별한 내용이 담겨있는 프로젝트는 아니고, 이전 버전의 Truffle webpack box 기준으로 생성된 프로젝트입니다.

Truffle 설치하기

npm install -g truffle

결과

mkdir -p ethereum_voting_dapp/chapter2
cd ethereum_voting_dapp/chapter2
truffle unbox webpack
ls
README.md       contracts       node_modules      test          webpack.config.js   truffle.js
app          migrations       package.json
ls app/
index.html javascripts stylesheets
ls contracts/
ConvertLib.sol MetaCoin.sol Migrations.sol
ls migrations/
1_initial_migration.js 2_deploy_contracts.js
rm contracts/ConvertLib.sol contracts/MetaCoin.sol

강의에 등록된 질문이 없습니다. 궁금한 부분이 있으면 주저하지 말고 무엇이든 물어보세요.