보안 · 네트워크

/

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

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

(4.7) 수강평 23개

수강생 955명

난이도 중급이상

수강기한 무제한

coldmind

thumbnail background

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.7

5.0

Z PON

83% 수강 후 작성

세세하게 설명해주셔서 너무 좋아요!

5.0

동해물과백두산이마르고닳도록

13% 수강 후 작성

리액트 기초지식만 갖고도 들을 수 있어 좋았습니다.

5.0

Ahn Hyeongjun

58% 수강 후 작성

굿 블록체인개발자 커리어 준비중인데 도움이 많이 됩니다.

수강 후 이런걸 얻을 수 있어요

이더리움 애플리케이션에 관한 기본 지식
트러플(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입니다.

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

커리큘럼

전체

24개 ∙ (3시간 27분)

섹션 1. 소개

1개 ∙ (8분)

1. 오리엔테이션
08:24

섹션 2. 환경

2개 ∙ (19분)

2. 개발환경구성
13:25
3. 소스파일작성도구
05:56

섹션 3. Hello, World 컨트랙트

5개 ∙ (47분)

섹션 4. Unbox!

1개 ∙ (16분)

섹션 5. 동전 던지기 컨트랙트

5개 ∙ (47분)

섹션 6. 화면구현

9개 ∙ (1시간 1분)

섹션 7. 마무리

1개 ∙ (6분)

강의 게시일: 2018. 10. 29.

마지막 업데이트일: 2019. 01. 12.

수강평

전체

23개

4.7

23개의 수강평

Ahn Hyeongjun
수강평 9
∙
평균 평점 5.0
2022. 01. 17.
5
58% 수강 후 작성
굿 블록체인개발자 커리어 준비중인데 도움이 많이 됩니다.
Sehyun Park
수강평 7
∙
평균 평점 5.0
2022. 01. 05.
5
100% 수강 후 작성
좋은 강의 감사합니다.
씨유삔
수강평 14
∙
평균 평점 5.0
2021. 12. 20.
5
79% 수강 후 작성
쉽고 깔끔하게 설명해주셔서 DApp 개발을 어떻게 해야할 지 좀 더 명확해졌습니다. 좋은 강의 감사합니다!
Z PON
수강평 2
∙
평균 평점 5.0
2022. 02. 09.
5
83% 수강 후 작성
세세하게 설명해주셔서 너무 좋아요!
동해물과백두산이마르고닳도록
수강평 504
∙
평균 평점 5.0
2022. 01. 27.
5
13% 수강 후 작성
리액트 기초지식만 갖고도 들을 수 있어 좋았습니다.

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

jQuery로 구현하는 NFT 마켓플레이스 (이더리움, 폴리곤)강의 썸네일

jQuery로 구현하는 NFT 마켓플레이스 (이더리움, 폴리곤)

Kyung-il In

무료

초급 / 블록체인, NFT, DApp, Solidity

4.9

(30)

jQuery로 구현하는 NFT 마켓플레이스 (이더리움, 폴리곤)에 대해 학습합니다.

초급

블록체인, NFT, DApp

jQuery로 구현하는 NFT 마켓플레이스 (이더리움, 폴리곤)강의 썸네일

jQuery로 구현하는 NFT 마켓플레이스 (이더리움, 폴리곤)

Kyung-il In

무료

초급 / 블록체인, NFT, DApp, Solidity

4.9

(30)

이더리움 & 솔리디티 기반의 투표 dApp 구현하기강의 썸네일

이더리움 & 솔리디티 기반의 투표 dApp 구현하기

Mahesh

무료

초급 / DApp, Ethereum, Solidity

4.6

(50)

이더리움과 솔리디티를 활용해서, 나의 첫 스마트 컨트랙트를 만들고 간단한 수준의 투표 dApp 을 만들어보는 강의입니다.

초급

DApp, Ethereum, Solidity

이더리움 & 솔리디티 기반의 투표 dApp 구현하기강의 썸네일

이더리움 & 솔리디티 기반의 투표 dApp 구현하기

Mahesh

무료

초급 / DApp, Ethereum, Solidity

4.6

(50)

[D.P.(DappProject)] 디앱 프로젝트(NFT 생성, NFT 구매 및 판매)강의 썸네일

[D.P.(DappProject)] 디앱 프로젝트(NFT 생성, NFT 구매 및 판매)

h662

무료

중급이상 / DApp, NFT, 블록체인, Solidity

5.0

(58)

리액트, 솔리디티(ERC721)를 활용하여 기본적인 NFT 생성, NFT 구매 및 판매를 배우게 됩니다. 스마트 컨트랙트 작성과 리액트를 활용하여 작성한 스마트 컨트랙트를 웹에 연동하는 법을 배우게 됩니다.

중급이상

중급이상

DApp, NFT, 블록체인

[D.P.(DappProject)] 디앱 프로젝트(NFT 생성, NFT 구매 및 판매)강의 썸네일

[D.P.(DappProject)] 디앱 프로젝트(NFT 생성, NFT 구매 및 판매)

h662

무료

중급이상 / DApp, NFT, 블록체인, Solidity

5.0

(58)

블록체인 전문가들도 놓치기 쉬운 비트코인, 이더리움의 핵심 가치강의 썸네일

블록체인 전문가들도 놓치기 쉬운 비트코인, 이더리움의 핵심 가치

대니월드

₩49,500

입문 / 블록체인, Ethereum

4.0

(4)

블록체인 기획자,개발자,회사 대표라면 반드시 한번은 봐야 하는 강의입니다. 따로 공부할 시간이 없었다면, 이 요약본 강의를 통해서 비트코인,이더리움 백서의 핵심을 이해할 수 있습니다.

입문

블록체인, Ethereum

블록체인 전문가들도 놓치기 쉬운 비트코인, 이더리움의 핵심 가치강의 썸네일

블록체인 전문가들도 놓치기 쉬운 비트코인, 이더리움의 핵심 가치

대니월드

₩49,500

입문 / 블록체인, Ethereum

4.0

(4)

비공개 강의로
수강이 제한됩니다.