저는 암호화폐 세계에 완전히 입문한 초보입니다. dev.to에 있는 대부분의 사람들이 저와 같다고 생각합니다. web2 개발자(그들은 우리를 불렀습니다)로서 저는 Web3이라는 용어를 처음 알게 되었습니다. web3가 무엇인가요? 그것은 오랫동안 나를 혼란스럽게했습니다. 나에게 묻는다면 web3는 DApp을 만드는 데 사용할 수 있는 Ethereum의 기술 스택이라고 말할 것입니다. (맞지 않을 수도 있습니다. 확신합니다! 그리고 DApp은 무엇입니까?...)

이 혼란스러운 개념은 그냥 버리자, 나는 내가 한 일, 내가 배운 것을 말할 뿐이다.

제가 한?

제가 만든 프로젝트는 NFT(NFT란? 😂)에 돈(암호화폐)을 보관할 수 있는 도구입니다. https://redpacket.app/에서 재생할 수 있습니다.

react를 사용하여 프론트엔드 UI를 만들고 web3js를 사용하여 Ethereum과 상호 작용합니다.

내가 무엇을 배우는가?

이더리움

견고성

웹3js

이더리움은 블록체인입니다. 블록체인은 변경되지 않은 데이터베이스일 뿐입니다. 이더리움이 일반 데이터베이스와 다른 점은 이더리움이 스마트 계약이라고 하는 이더리움에서 실행되는 코드를 실행할 수 있다는 것입니다. 따라서 이더리움 세계에서 작은 프로그램과 같은 것을 작성하려면 스마트 계약(안드로이드의 apk 또는 iOS의 ipa와 같은)을 작성해야 합니다.

스마트 계약은 Solidity를 모국어로 사용합니다. Solidity는 자바스크립트와 약간 비슷합니다. 다음은 코드 스니펫입니다.

/**
 * @title Storage
 * @dev Store & retrieve value in a variable
 */
contract Storage {

    uint256 number;

    /**
     * @dev Store value in variable
     * @param num value to store
     */
    function store(uint256 num) public {
        number = num;
    }

    /**
     * @dev Return value 
     * @return value of 'number'
     */
    function retrieve() public view returns (uint256){
        return number;
    }
}

위의 코드는 이더리움 블록체인에 숫자를 저장합니다. 솔리디티 프로그램(또는 스마트 컨트랙트)을 이더리움에 배포했을 때 어떻게 사용하나요? 우리가 안드로이드 애플리케이션을 만들 때 스마트폰에 설치하고 열거나 재생할 수 있습니다. 그러나 이더리움에는 모바일 애플리케이션이 없습니다. 프로그램을 실행하려면 일부 라이브러리를 사용해야 합니다. 이러한 라이브러리 중 하나는 web3js입니다. 따라서 web3js도 이더리움과 상호 작용하는 라이브러리로 볼 수 있습니다.

Web3js는 스마트 계약의 메서드를 호출하는 API를 제공합니다. 마지막은 UI를 작성하는 것입니다. 그러면 사람들이 더 친숙하게 사용할 수 있습니다. 저는 react를 사용하여 dev.to에서 모두가 react를 알고 있으므로 더 이상 이야기하지 않겠습니다.



이제 미니 DApp의 아키텍처를 알았습니다.

끝

나는 항상 새로운 기술을 시도하고 싶고 블록체인은 나의 새로운 호의입니다! 크립토 세계에는 너무 많은 개념이 있습니다. 나는 침몰하고 즐기고 있습니다.

한 가지 더: 누군가 내가 무엇을 하는지 알고 있고 MetaMask 지갑이 있다면 개발 모드에서 작은 프로젝트를 플레이할 수 있습니다: https://redpacket.app/send#dev 개발 모드에서 Ropsten 테스트넷으로 전환할 수 있습니다.

소스코드: https://github.com/NFTRedpacket/redpacketv1