리액트로 구현하는 블록체인 이더리움 Dapp

리액트로 구현하는 블록체인 이더리움 Dapp

(2개의 수강평)

88명의 수강생
44,000원
지식공유자 · coldmind
25회 수업· 총 3시간 15분수업
평생 무제한 시청
수료증 발급 강의
수강 난이도 중급, 활용

이 강의는

이더리움 Dapp 프레임워크인 트러플과 리액트 박스를 활용하여 이더리움 Dapp을 구현하는 방법을 알아봅니다. 자바스크립트로 구현하는 프론트엔드와 이더리움 스마트 컨트랙트가 어떻게 결합되어 애플리케이션이 되는지 학습하게 됩니다.

최근 Truffle이 버전 5로 업그레이드 되면서 크고 작은 변경이 발생하였습니다.  Solidity 0.5.0에 맞게 수정된 컨트랙트를  [Github] 에 공유하였으니 참고하시기 바랍니다. 아울러 강좌에서 사용된 react-bootstrap을 설치하실 때는 버전을 지정해주시기 바랍니다. npm install react-bootstrap@0.32.4

리액트로 구현하는 이더리움 Dapp

이더리움은 현재 가장 많이 활용되는 블록체인 애플리케이션 플랫폼입니다. 특히 자바스크립트 친화적인 Dapp 개발환경을 가지고 있기 때문에 자바스크립트 기술에 익숙한 개발자들은 어렵지 않게 접근할 수 있는 장점도 있습니다. 이 강좌는 트러플 공식 패키지인 리액트 박스를 사용해서 동전 던지기 게임을 만들어 볼 것입니다. 솔리디티로 스마트 컨트랙트를 작성하고, 리액트로 화면개발을 해보면서 이더리움 Dapp이 어떻게 구현되는지 이해할 수 있는 유익한 시간이 될 것입니다.

학습 목표

이더리움 기반의 간단한 프론트 엔드 Dapp을 개발할 수 있으며 관련 기술에 대한 이해의 폭을 넓힐 수 있습니다.
  • 이더리움 애플리케이션에 관한 기본 지식
  • 개발환경인 트러플(Truffle), 가나쉬(Ganache) 사용법
  • 트러플 리액트 박스 활용법

도움이 되는 분들

  • 자바스크립트 프로그래밍 경험자
  • 리액트를 조금이라도 아는 개발자
  • 블록체인과 이더리움.Dapp에 대해 궁금한 개발자

참고 사항

  • 윈도우 10 Professional
  • 솔리디티 0.4.24
  • 가나쉬 1.2.2
  • Truffle 4.1.14
  • Truffle react box (react 16.4)
  • 메타마스크(Injected Web3)
  • 실습자료는 [강의자료]를 다운로드

지식공유자 소개

coldmind
한화시스템, 신세계아이엔씨 등 블록체인(이더리움) 교육

교육과정

모두 펼치기 25 강의 3시간 15분
섹션 0. 소개
2 강의 08 : 00
섹션 1. 환경
2 강의 18 : 00
개발환경구성
13 : 00
소스파일작성도구
05 : 00
섹션 2. Hello, World 컨트랙트
5 강의 45 : 00
컴파일
12 : 00
배포(1)
08 : 00
배포(2)
12 : 00
자바스크립트 단위테스트
09 : 00
테스트케이스 비동기 처리
04 : 00
섹션 3. Unbox!
1 강의 16 : 00
트러플 리액트 상자 개봉기
16 : 00
섹션 4. 동전 던지기 컨트랙트
5 강의 45 : 00
주요 로직(1)
10 : 00
주요 로직(2), 난수생성문제
11 : 00
분석(1)
07 : 00
분석(2)
07 : 00
단위테스트
10 : 00
섹션 5. 화면구현
9 강의 57 : 00
화면구성
04 : 00
리액트 컴포넌트
05 : 00
react-bootstrap(1)
07 : 00
react-bootstrap(2) - 화면 그리기
09 : 00
react-bootstrap(3) - 화면 이벤트(컴포넌트 상태 변경)
06 : 00
getWeb3 - 2018-11-02 메타마스크 변경사항
07 : 00
베팅 함수 구현
05 : 00
플립 함수 구현
07 : 00
트랜잭션 목록 구현
07 : 00
섹션 6. 마무리
1 강의 06 : 00
요약
06 : 00

공개 일자

2018년 10월 30일 (마지막 업데이트 일자 : 2019년 1월 12일)

수강 후기

아직 평가를 충분히 받지 못한 강의 입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️

default_profile.png
김훈태 2019.01.17
강좌 퀄리티가 좋습니다. 이더리움 애플리케이션은 말로만 들었는데 이 강좌를 들어보니 이제 좀 알 것 같습니다. 가성비 좋은 강좌였습니다.
default_profile.png
강태원 2018.11.22
개념 위주, 중급 레벨의 강좌네요. 후반부 수강중입니다. 전반부 트러플-스마트 컨트랙트 부분은 약간 생소하지만 들을만 합니다. 특히 단위테스트의 중요성을 크게 생각하지 않았는데 그 의미를 다시 배울 수 있었네요. 어느 정도 배경지식이 있어야 하는 중급 레벨이라 개인적으로 따로 찾아볼 부분이 있는 것 같네요.
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스