-
[Solidity] ERC721 간단 분석 & NFT 멀티민팅하기 (한번에 100개 민팅)
ERC721 기본적인 코드 아래는 ERC721 표준을 따르는 가장 기본적인 코드이다 // SPDX-License-Identifier: MIT pragma solidity ^0.8.7; // 1. openzeppelin 불러오기 import "@openzeppelin/contracts/token/ERC721/extensions/ERC721Enumerable.sol"; contract MintNFT is ERC721Enumerable { // 2. 초기 배포 기본값 constructor() ERC721("BlockChainSchool", "BCS") {} // 3 & 4.... Read More
-
[typescript] Next.js & Typescript 에서 하드햇(Hardhat) 테스트 에러 (An unexpected error occurred)
1. Next js 를 타입스크립트로 개발환경 만들기 npx create-next-app --typescript nft-marketplace 👈 명령어 2. Next js에 하드햇(hardhat) 개발환경 만들기 npx hardhat 👈 명령어 3. 하드햇 test를 위한 모듈 설치 테스트를 돌려보려면 필요한 npm 모듈을 설치해줘야한다 @nomicfoundation/hardhat-network-helpers @nomicfoundation/hardhat-chai-matchers @nomicfoundation/hardhat-toolbox ... Read More
-
[React] Vercel를 이용하여 리액트 프로젝트 배포하기
완성된 프로젝트가 github 레포지토리에 올라가있다는 가정하에 진행합니다 ❗ vercel 페이지에 github 계정으로 회원가입 https://vercel.com/dashboard 1. 배포하려는 프로젝트 선택 Add New 버튼을 눌러서 Project 클릭 Continue with Github 버튼 클릭 2. 깃헙 Repository 선택 만약에 배포하려는 Repository가 리스트에 안보인다면 직접 검색하면 된다 3. 경로 선택 create-react-app 으로 만들어진 폴더... Read More
-
[Solidity] ERC-20 토큰으로 Uniswap Liquidity Pool 구성 & 스왑하기 (유니스왑 유동성 풀 & Stable Swap)
ERC-20 토큰을 두가지 발행해보겠습니다 BCS (스왑용 토큰) UBCS (스테이블 코인) 👉 각 100만개씩 발행 ERC-20 토큰을 만들기 위한 코드 👆 (코드가 길어서 링크 첨부) 1. 배포된 ERC-20 토큰 메타마스크로 가져오기 메타마스크 토큰 가져오기에서 토큰 계약 주소 칸에 배포된 컨트랙트 주소를 입력합니다 ❗ 토큰 기호와 토큰 소수점은 배포된대로 자동으로 입력됩니다 2. BCS / UBCS 토큰 👆 100만개씩 발행된 토큰 확인 3. 유니스왑 페이지에서 세팅 ... Read More
-
[BCS 1st] 멋쟁이사자처럼 블록체인스쿨 1기 Part2 세션 후기
🦁 [BCS 1기] 4 ~ 9주차 (Part2) 후기 / 회고 🔮 리액트 기본기 + 꿀팁 & 잔기술 useRuducer Custom Hooks Context Api Loading Spinner Axios & fetch Flex & Grid styled-components chakra-ui tailwindcss mock Api Intersection Observer …등등 5주 동안 강사님의 꿀팁을 진심으로 탈탈 털어주고 가셨습니다 💻 web3.0 에 특화된 클론코딩 가상화폐 거래소 관심종목 추가 & 삭제 ... Read More
-
[React] Redux를 이용한 MetaMask 연결 & 지갑주소 가져오기
Metamask 지갑연결 후 저장된 지갑주소를 props drilling 이 아니라 어디서든 가져올 수 있는 redux store에서 가져오겠습니다 Redux 세팅 ❗ 기본적인 Redux store 세팅과정은 생략합니다 WalletActions.js action type 으로 Reducer에 접근하는 함수 payload 에 비동기로 지갑연결 후 지갑주소를 담아줍니다 WalletReducer.js 어떠한 action 일때 실행할지 지정해줍니다 action type 을 가져옵니다 ... Read More
-
[AWS] EC2 인스턴스 CPU 사용량 100% 에러 해결 & 퍼블릭 IPv4 주소 고정시키기
EC2 인스턴스 CPU 사용률이 100% 까지 올라가서 서버가 터지고 SSH 연결이 끊기는 에러발생 😵💫 EC2 인스턴스 재부팅 CPU 사용률이 100% 현상이 발생 했을때 인스턴스 상태 에서 👉 인스턴스 재부팅 재부팅을 한번 해주면 에러가 해결된다 ! ❗ 재부팅으로도 해결이 안된다면 인스턴스 중지 👉 인스턴스 시작 탄력적 IP 위와 같은 방법으로 EC2 인스턴스 에러를 해결하면 퍼블릭 IPv4 주소 와 퍼블릭 IPv4 DNS 가 바뀌게 되는데 👉 그러면 SSH 통신을 ‘다시’ 설정해줘야 하는 상황이 발생한다 👆 퍼블릭 IPv4 주소 와 퍼블릭 IPv4 DN... Read More
-
[React] Firebase Hosting 에 리액트 SPA 웹페이지 배포하기 (Deploy)
❗ Firebase 계정 생성이 되었다는 가정하에 진행합니다! 1. 완성된 리액트 파일을 build 시킨다 npm run build 2. Firebase에서 프로젝트를 하나 만들고 Hosting 서비스 시작하기 3. ‘Firebase 호스팅 설정’ 이 나오는데 터미널을 열고 해당 명령어를 입력한다 npm install -g firebase-tools 설치 4. Firebase ↔ Local 연결 로그인 firebase login Allow Firebase to collect CLI and Emulator Suite usage and e... Read More
-
[React] Firebase로 작업된 파일 GitHub Pages 에 배포하기 (Deploy)
❗ github 레포지토리와 remote 된 상태에서 진행합니다! 1. 완성된 리액트 파일을 build 시킨다 npm run build 👉 ‘build’ 파일 생성 완료 2. gh-pages 설치 npm i gh-pages 3. package.json 에서 deploy 설정 “scripts”부분에서 "deploy": "gh-pages -d build" 추가 해주고 맨밑에는 "homepage": "https://wavescats.github.io/Firebase-web3/" 추가한다 본인의 깃헙아이디.github.io/레포지토리 이름/ 4. G... Read More
-
[AWS] 민팅된 NFT에 metadata Properties 추가 & 변경 하기
[AWS] 민팅된 NFT에 metadata Properties 추가하기 IPFS ↔ AWS S3 버킷에 저장된 metadata 차이 민팅된 NFT에 특성, 레벨 등을 변경해서 그 가치를 올려줘야 할 경우 🔺 Properties 를 추가 / 변경 / 삭제 해줘야 한다 분산저장소 ‘IPFS’ 에 저장된 metadata 는 수정이 불가능한데 ‘AWS S3 버킷’ 에 저장된 metadata 는 수정이 가능하다 1. AWS S3 버킷에 업로드된 metadata Json 파일 { "image": "https://nftss.s3.ap-northeast-2.ama... Read More