인프런 업데이트 소식 🔨👷🏼‍♂️
리액트로 구현하는 블록체인 이더리움 Dapp

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

(2개의 수강평)

70명의 수강생

44,000원

평생
중급, 활용
수료증
25회 수업, 총 3시간 15분
위시리스트 추가

최근 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
한화시스템, 신세계아이엔씨 등 블록체인(이더리움) 교육

지식공유자 소개

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월 29일 (마지막 업데이트 일자 : 2019년 9월 17일)

수강 후기

4.0
2개의 수강평
김훈태 8달 전
강좌 퀄리티가 좋습니다. 이더리움 애플리케이션은 말로만 들었는데 이 강좌를 들어보니 이제 좀 알 것 같습니다. 제가 자바스크립트 쪽을 그렇게 잘 아는 편은 아니라서 그런지 몰라도 어려운 부분이 좀 있네요. 특히 리액트 부분은 다른 강좌를 수강하든지 해야 할 듯... 하지만 리액트 맛보기로는 충분하다는 느낌이 듭니다. PPT도 시간이 많이 들었을 것 같은데 잘 구성한 것 같습니다. 암튼 가성비 좋은 강좌였습니다. 추천합니다.
강태원 10달 전
개념 위주, 중급 레벨의 강좌네요. 후반부 수강중입니다. 전반부 트러플-스마트 컨트랙트 부분은 약간 생소하지만 들을만 합니다. 특히 단위테스트의 중요성을 크게 생각하지 않았는데 그 의미를 다시 배울 수 있었네요. 어느 정도 배경지식이 있어야 하는 중급 레벨이라 개인적으로 따로 찾아볼 부분이 있는 것 같네요. 화면구현 부분은 자바스크립트 관련 내용인데... 잠깐 보니 리액트 기본지식만 가지고 있어도 금방 따라갈 수 있어서 다행입니다. 무엇보다도 스마트컨트랙트와 리액트 라이브러리를 어떻게 결합할 수 있는지 잘 설명되어 있어서 궁금했던 점들이 많이 해소되었습니다.