로그인

이더리움 Dapp 프레임워크인 트러플과 드리즐 박스를 활용하여 이더리움의 ERC-721 토큰 표준을 구현하는 강좌입니다. 솔리디티, react-redux 라이브러리 활용을 통해 다양한 기술이 결합된 이더리움 Dapp을 경험하게 될 것입니다.

리액트로 구현하는 이더리움 ERC-721

대표적인 퍼블릭 블록체인으로 자리를 잡은 이더리움 Dapp 두 번째 강좌입니다. 😁

이번에는 NFT 토큰 표준으로 잘 알려진 ERC-721으로 간단한 디지털 자산 관리 Dapp을 구현합니다.

ERC-721을 구현한 Dapp으로 유명한 것 중 하나는 “크립토키티”입니다. 디지털 수집품(Digital collectables)의 일종으로 사용자는 고양이(다양한 속성을 가진 이미지의 조합)😺를 구매하거나 교배시키면서 자신만의 독특한 고양이를 만들어가는 게임입니다. 크립토키티는 이 디지털 고양이를 “자산”으로 하여 서로 거래할 수 있도록 해주는 Dapp이라고 할 수 있습니다.

이 강좌에서는 사용자가 간단한 이미지 조합으로 디지털 자산 “EMJ” 토큰을 ERC-721 표준에 따라 구현하는 방법을 학습하고 드리즐(drizzle)이라는 자바스크립트 모듈을 사용하여 프론트엔드 Dapp을 만들어 봅니다. 이더리움 ERC-721 토큰과 솔리디티, 그리고 react 라이브러리 활용을 통해 다양한 기술들을 만날 수 있는 유익한 강좌가 될 것입니다.

*드리즐은react와 react-redux를 사용하여 이더리움 Dapp을 쉽게 구현할 수 있도록 해주는 프레임워크입니다.

학습 목표

  • ERC-721 표준에 대해 알아봅니다.
  • 컨트랙트를 작성하면서 솔리디티 기본 문법을 살펴봅니다.
  • Dapp 개발환경인 트러플(Truffle) 프레임워크를 사용합니다.
  • 트러플 드리즐(drizzle) 박스를 활용하여 react-redux로 Dapp을 구현합니다.

 

도움이 되는 분들

  • 기본편 리액트로 구현하는 이더리움 Dapp 을 수강하신 분들
  • 솔리디티, 자바스크립트(리액트) 프로그래밍 경험자
  • 블록체인과 이더리움 Dapp과 같은 신기술에 대해 궁금한 개발자

실습 환경

솔리디티 ^0.5.0
가나슈 1.2.2(또는 1.2.3)
Truffle 5.0
Truffle drizzle box (react 16.4)
윈도우 10 Pro
크롬 브라우저
메타마스크 플러그인
실습자료는 [강의자료.zip]를 제공

지식공유자 소개

coldmind

블록체인아카데미
프리랜서 개발자/강사

강좌 평가

...

개의 수강평
  • 5 점0
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0

아직 수강평이 없네요

강좌 교육과정

1. 오리엔테이션
이더리움 Dapp 구성과 토큰 표준(ERC-721)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:12:00
강의(실습)자료학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:00:00
2. 개발환경 구성
트러플, 가나슈, 드리즐 설치학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
3. ERC-721 표준
NFT, Deed의 개념과 토큰 표준학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:08:00
ERC721 인터페이스학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:12:00
컨트랙트 – 주요로직학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
컨트랙트 구현(1) – 기본 인터페이스학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:12:00
컨트랙트 구현(2) – 토큰 소유권 이전학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
컨트랙트 구현(3) – 토큰 생성, 삭제학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
컨트랙트 구현(4) – 확장 인터페이스학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
트러플 컴파일, 배포, 단위 테스트학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
4. 드리즐(drizzle)
드리즐 맛보기 – Sweet!학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:11:00
드리즐 상태관리학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
드리즐 컴포넌트 구현 실습(1) – state 참조하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
드리즐 컴포넌트 구현 실습(2) – context API(legacy)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
드리즐 리듀서와 미들웨어(redux-saga)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
드리즐 스토어 재설정학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:13:00
5. 화면구현
메뉴구성(react-router)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
토큰발행 화면구현(1) – 액션, 리듀서 추가학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:04:00
토큰발행 화면구현(2) – 토큰 이미지 만들기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
토큰발행 화면구현(3) – 토큰 이미지 조합학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:13:00
토큰발행 화면구현(4) – 컨트랙트 함수 호출학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
토큰목록 화면구현(5) – 계정 소유 토큰 조회학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
토큰목록 화면구현(6) – 토큰 목록학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
토큰목록 화면구현(7) – 토큰 삭제학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
토큰목록 화면구현(8) – 소유권 이전과 승인학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
6. 마무리
메타마스크에 토큰 등록하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:04:00
실습 과제 – IPFS 이미지 업로드와 토큰 발행학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
정리 및 요약학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
  • 가격 옵션 +
  • 평생
  • 강좌 수료증
  • 29개 강의, 총 3 시간 57 분
  • 위시리스트

실시간 인기 강좌

우리는 성장기회의 평등을 추구합니다. 🎄

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는 것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4178-0406 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R19 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED