이더리움 DApp 개발환경 구축에 끝났다면 본격적으로 DApp을 개발해 보도록 하겠습니다.
먼저 프로젝트 폴더를 생성하도록 하겠습니다. 저는 맥을 사용하고 있고, Documents 폴더 밑에 DApp이란 폴더를 만들었습니다. 첫번째 실습 프로젝트를 위해서 DApp 폴더 밑에 rentalcar이라는 폴더를 만들었습니다.
앞선 포스팅에 의해 Frontend 개발을 하고, 실제 개발된 DApp을 구동해 보도록 하겠습니다.
우리는 React.js로 Frontend을 개발할 것이고, 이때 web3.js를 이용해서 개발된 스마트컨트랙트(RentalCar.sol)와 통신을 하도록 할것입니다.
개발환경 구축 순서는 아래와 같습니다.
우리는 이더리움 DApp을 Truffle Framework을 이용해서 개발할것이므로, Truffle을 설치하기 위해서 Node.js를 설치를 해야 합니다.