지나가던 컴공생

- 프론트엔드를 세팅하기 위해 web3.js 용 boilerplate를 설치할 것이다(링크). - 링크의 깃 코드 주소를 복사하여 클론하고 받아온 디렉토리를 frontend로 이름을 바꾼다. 터미널에서 frontend로 디렉토리를 옮기고 npm install을 하면 프론트엔드 구현에 필요한 dependency를 설치할 수 있다. 설치 완료 후 npm run start로 잘 작동되는지 테스트를 해보자. - 작동을 확인했으면 chakra 홈페이지로 이동하여 create react app을 클릭하자. installation의 코드를 복사하여 설치한다. - Provider Setup의 밑줄친 부분만 복사하여 index.tsx에 붙여넣어 import해준다. - 이후 CharkraProvider로 App을 감싸주기..

- 저번에 이어 구매 컨트랙트를 작성해 볼 것이다. - payable을 붙여야 MATIC을 거래할 수 있는 메소드를 사용할 수 있다(폴리곤 네트워크). - safeTransferFrom(보내는사람, 받는사람, 무엇을 보낼것인가) 와 같이 사용한다. - 코드 작성을 완료하였으면 테스트를 해보자. - 우선 판매 컨트랙트 테스트와 똑같이 mint 컨트랙트를 deploy해서 나온 주소를 sale 컨트랙트에 붙여서 deploy한다. - 이후 mintSlimeToken을 하나 발행해 주고 - sale 컨트랙트의 주소를 복사하여 mint 컨트랙트의 setApprovalForAll의 operator에 입력하고 approved를 true로 하여 판매 승인을 하고 - 1번토큰의 가격을 10으로 설정하여 판매 등록을 한다...

- 판매 기능 스마트컨트랙트를 작성하기 위한 SaleSlimeToken.sol을 만든다. - 제대로 작동하는지 테스트를 해보자. 우선 MintSlimeToken을 deploy한 다음 주소를 복사한다. - 복사한 주소를 sale 컨트랙트에 입력하고 deploy를 하면 saleSlimeToken 컨트랙트가 생성된 것을 볼 수 있다. ref) https://www.inflearn.com/course/%EB%94%94%EC%95%B1-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8/dashboard

- NFT를 만들거나 가상화폐를 만드는 행위를 Minting이라고 한다. - 이전 프로젝트에서는 Solidity로 스마트컨트 컨트랙트를 직접 작성하였는데, 이번에는 OpenZeppelin을 사용하여 좀 더 쉽게 작성해 볼 것이다. - 프론트 앤드는 React를 사용할 것이고 UI는 chakra를 사용할 것이다. Solidity와 React를 연결할 때에는 js의 Web3 라이브러리를 사용할 것이다. IDE는 vscode를 사용할 것이다. - 우선 contracts 디렉토리를 하나 만들고 OepnZeppelin을 설치해 준다(node.js 필요). npm i @openzeppelin/contracts - 그리고 remix를 설치해준다(링크). npm install -g @remix-project/remix..