Clicker Game을 여러 블록체인에서 구현하기
웹3 개발, 어디서부터 시작해야 할지 고민이셨나요? 🤔 지식 컨텐츠부터 실전 코딩까지 더 많은 개발자들과 탄탄한 Web3 인프라를 만들어가기 위해, DSRV는 다양한 메인넷과 스마트 컨트랙트에 대한 가이드를 제공합니다. 정보를 찾기 어려워 쉽사리 시작하지 못했던 Web3 dApp 및 컨트랙트 개발, 이제 Dev Playground와 함께 차근차근 알아가보아요! 👩💻
초급자를 위해 준비한
[블록체인, 웹 개발] 강의입니다.
이런 걸 배울 수 있어요
블록체인/Web3 dApp 및 컨트랙트 개발
메인넷과 스마트 컨트랙트에 대한 가이드
CosmWasm 101 와씀!
웹3 시대, 내 손으로 만드는 디앱 🌎
재미있는 디앱 만들기
한번 해보실래요? 🙌
CosmWasm 네트워크 위에서 간단한 dApp을 만들며
WEB3와 한 걸음 더 친해져 보세요.
안녕하세요, 웹3 시대의 인프라를 만들어가는 DSRV입니다!
요즘 대세로 떠오른 WEB3, 왠지 막연하게 느껴지시나요? WEB3를 학습하기 위해 자료를 찾아보면 기술적으로 쓰여진 튜토리얼이 많이 있습니다. 하지만 WEB3가 생소한 사람들에게는 이런 설명들이 딱딱하고 복잡해 보여 이해하기 어렵기 마련이죠. 하지만 DSRV는 더 많은 웹 개발자가 스마트 컨트랙트(Smart Contract) 개발을 접할 수 있도록, 직접 무언가를 만들어보면서 WEB3를 학습할 수 있게 안내해 드립니다.
이번 CosmWasm 101 시리즈는 간단한 클리커 게임(Clicker Game)을 만들기 위해 필요한 컨트랙트 설명, 배포, 리액트(React) 프론트엔드 연결까지 필요한 모든 내용을 실습을 통해 차근차근 이해할 수 있도록 구성되었습니다. WEB3.0과 블록체인에 관심이 많은 웹 개발자라면 누구나 함께할 수 있습니다. 그럼 직접 만들어봅시다!
그런데, CosmWasm이 뭐죠? 😮
다양한 블록체인 네트워크를 상호 연결할 수 있다는 점에서 이더리움(Ethereum)의 강력한 경쟁자로 꼽히는 Cosmos 네트워크는 최근 WebAssembly와 Rust를 사용해 스마트 컨트랙트를 배포할 수 있는 CosmWasm(코슴와즘)을 발표했습니다.
CosmWasm에 대한 관심이 높아지고 있지만, CosmWasm 네트워크에서 Rust 언어를 활용해 컨트랙트를 작성하는 예제는 그동안 공식 문서에 영어로만 제공되어 왔습니다. 때문에 초심자 입장에서 실제로 CosmWasm을 활용하기 위한 튜토리얼이 존재하지 않았고, 진입 장벽이 매우 높게 느껴질 수밖에 없었습니다.
이 강의를 듣고 나면 CosmWasm 네트워크 위에서 간단한 컨트랙트 및 프론트엔드 페이지를 작성할 수 있게 됩니다. CosmWasm, 그리고 스마트 컨트랙트 개발에 관심이 있었지만 쉽사리 시작하지 못하던 많은 분들께 이 강의가 좋은 출발점이 될 수 있기를 바랍니다.
⚒️ 강의에서 쓰이는 툴 및 선수 지식
- IDE: IntelliJ 또는 Visual Studio Code (원하는 도구를 선택하면 됩니다.)
- Front-End: JavaScript & React, CosmJS, Keplr Wallet
- Contract: Rust & Cargo, Osmosisd, CosmJS
- JavaScript를 사용할 수 있는, Web3.0과 블록체인에 관심이 많은 프론트엔드/백엔드 개발자라면 누구나 학습할 수 있습니다. (기본적인 Ethereum에 대한 지식이 있다면 더욱 좋습니다.)
CosmWasm 101에서
배우는 내용 📚
본 강의는 실습 위주로 구성되어 있으며, 중간중간 필요한 이론을 설명하는 방식으로 진행됩니다.
먼저 1편에서는 Counter 컨트랙트를 직접 작성해보고, 테스트를 통과시켜보며 해당 컨트랙트가 어떻게 구현되어 있는지 살펴봅니다. Entrypoint, Processor, Error 등 CosmWasm이 사용하는 기본적인 디자인 패턴에 대해 학습하실 수 있습니다.
다음 2편에서는 Counter 컨트랙트를 Osmosis와 Juno Testnet에서 배포해봅니다. osmosisd와 CosmJS, 그리고 DSRV의 Multi RPC 노드 플랫폼인 All That Node를 활용하여 블록체인 네트워크와 통신합니다. 기본적인 자바스크립트 지식과 Node.js를 사용해본 경험이 있다면 큰 무리 없이 학습하실 수 있습니다.
마지막 3편에서는 이전에 배포하여 작성한 컨트랙트를 바탕으로 프론트엔드와 통신하는 방법에 대해 학습하게 됩니다. CosmJS와 Keplr Wallet를 활용하여 배포한 컨트랙트가 React.js와 상호 통신하면서 컨트랙트의 메소드를 호출하고, 블록체인에 데이터를 기록하는 방법을 배울 수 있습니다.
Q&A를 확인해보세요! 💬
Q. Solidity(솔리디티) 등 기존 이더리움 관련 지식이 어느 정도까지 필요하나요?
기본적인 ERC20 컨트랙트를 배포해보고 프론트엔드와 통신해 본 경험이 있다면 쉽게 학습할 수 있습니다.
Q. Rust 언어에 익숙하지 않은데 학습할 수 있을까요?
본 강의는 Rust 언어를 집중적으로 다루지 않습니다. 하지만 Rust의 기초적인 개념만 다루기 때문에 한국어 Rust Docs를 1~4장 정도까지 읽어오시는 것을 추천합니다. (https://rinthel.github.io/rust-lang-book-ko/)
Q. Cosmos 기반 네트워크가 좋은 것 같네요. 개인적으로 투자해야 할까요?
이 강의는 정보 전달을 위한 목적으로 작성되었으며, 특정 프로젝트에 대한 투자 권고, 법률적 자문 등을 목적으로 하지 않습니다. 모든 투자의 책임은 개인에게 있으며, 이로 발생된 결과에 대해 어떤 부분에서도 DSRV는 책임을 지지 않습니다. 강의에서 포괄하는 내용들은 특정 자산에 대한 투자를 추천하는 것이 아니며, 언제나 강의 내용만을 통한 의사 결정은 지양하시길 바랍니다.
이런 분들께
추천드려요!
학습 대상은
누구일까요?
블록체인 컨트랙트 개발에 관심이 있는 사람
웹3 생태계를 만들어나가는 빌더가 되고 싶은 사람
선수 지식,
필요할까요?
자바스크립트에 대한 기초적인 이해
커리큘럼
전체
5개 ∙ (3시간 22분)