메일 인증하면, 매일 특별한 선물💌
Thumbnail
개발 · 프로그래밍 블록체인 개발
리액트로 구현하는 블록체인 이더리움 Dapp
(4.7)
15개의 수강평 ∙ 635명의 수강생

무료

지식공유자 : coldmind
총 24개 수업˙총 3시간 27분
평생 무제한 수강
수료증 발급 강의
입문 초급 중급이상 대상
폴더에 추가 공유
중급자를 위해 준비한
[블록체인 개발, 블록체인] 강의입니다.

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

✍️
이런 걸
배워요!
이더리움 애플리케이션에 관한 기본 지식
트러플(Truffle), 가나쉬(Ganache) 사용법

📢 이 강좌는 2020년 10월 31일 0시부터 무료강좌로 전환될 예정입니다(계약만료). 기부하실 생각이 아니라면 그 때까지 기다리셨다가 무료로 수강하시기 바랍니다! 😂

📢 강좌의 공개 시점(2018년 10월)을 고려하여 수강신청해주시기 바랍니다. 전체적인 내용은 크게 달라지지 않았지만 개발환경, 라이브러리 등이 업데이트되면서 다소 차이가 발생할 수 있습니다.

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

(예) npm install react-bootstrap@0.32.4

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

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

참고 사항

  • 윈도우 10 Professional
  • 솔리디티 0.4.24
  • 가나쉬 1.2.2
  • Truffle 4.1.14
  • Truffle react box (react 16.4)
  • 메타마스크(Injected Web3)

지식공유자 소개

coldmind
프리랜서 개발자, 강사

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
블록체인과 이더리움.Dapp에 대해 궁금한 개발자
📚
선수 지식,
필요한가요?
Javascript

안녕하세요
coldmind 입니다.
coldmind의 썸네일

 C  r  y  p  t  o  -  f  o  r  c  e     b  e     w  i  t  h     y  o  u  ! 

프리랜서 개발자와 강사로 활동 중입니다.

강좌와 관련된 Gitter 채널이 있습니다. 문의 사항이 있으면  Help Center  로 오세요!💎✋

커리큘럼 총 24 개 ˙ 3시간 27분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 소개
섹션 1. 환경
개발환경구성 미리보기 13:25
소스파일작성도구 05:56
섹션 2. Hello, World 컨트랙트
컴파일 미리보기 12:40
배포(1) 08:22
배포(2) 12:45
자바스크립트 단위테스트 09:30
테스트케이스 비동기 처리 미리보기 04:24
섹션 3. Unbox!
트러플 리액트 상자 개봉기 16:44
섹션 4. 동전 던지기 컨트랙트
주요 로직(1) 10:17
주요 로직(2), 난수생성문제 11:22
분석(1) 07:15
분석(2) 07:26
단위테스트 10:54
섹션 5. 화면구현
화면구성 미리보기 04:58
리액트 컴포넌트 05:10
react-bootstrap(1) 07:18
react-bootstrap(2) - 화면 그리기 09:49
react-bootstrap(3) - 화면 이벤트(컴포넌트 상태 변경) 06:33
getWeb3 - 2018-11-02 메타마스크 변경사항 07:29
베팅 함수 구현 05:15
플립 함수 구현 07:16
트랜잭션 목록 구현 07:50
섹션 6. 마무리
요약 06:53
강의 게시일 : 2018년 10월 30일 (마지막 업데이트일 : 2019년 01월 12일)
수강평 총 15개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.7
15개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
가다머 thumbnail
도움이 많이 됐습니다. 감사합니다
2021-05-31
suazino thumbnail
좋은 강의입니다.
2021-09-17
yuneunim_ thumbnail
이더리움 버티기 갑니다
2021-08-18
지식공유자coldmind
HODL!💎✋
2021-08-18
정상적인국가가 될때까지 thumbnail
이더리움 react dapp을 구축하는데 정말로 엄청난 도움이 됩니다. 강의를 너무나도 쉽게, 그리고 꼭 필요한 사항을 알려주시고 계십니다. 감사합니다.
2021-05-01
지식공유자coldmind
좋은 평가 감사합니다. 그런데 이더리움 관련 개발툴이나 환경이 빠르게 변하는 편이라 그것을 잘 파악하는 것도 매우 중요하다고 생각합니다.
2021-05-02
김강문 thumbnail
ang gimori
2021-05-31

무료

폴더에 추가 공유
지식공유자 : coldmind
총 24개 수업˙총 3시간 27분
평생 무제한 수강
수료증 발급 강의
입문 초급 중급이상 대상
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스