코딩 일지

목차 - 디렉토리 구조 - 모듈 설치 및 기본 설정 - 구현 코드 - 결과 디렉토리 구조 모듈 설치 및 기본 설정 프론트 npx create-next-app@latest --typescript front npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6 npm install web3 샤크라라는 라이브러리를 사용해서 이미 만들어져있는 리액트 컴포넌트를 사용해서 편하게 작업할 것임 백 mkdir truffle cd truffle truffle init cd contracts npm init npm i openzeppelin-solidity truffle.config.js에서 development 주석 해제 https:..

목차 - NFT토큰과 그냥 토큰과의 차이점 - remix IDE로 NFT 토큰 생성해보기 - Opensea 마켓에 등록해보기 NFT토큰과 그냥 토큰과의 차이점 ERC 20 - Token fungible Token ERC-721 - Token Non-funfible Token fingible Token : 토큰을 값어치로 표현한다. 1개에 천원이면 2장 이천원 NFT - 토큰마다 가치가 다른 것. code로 구현하자면 어떤 느낌일까? 토큰이 생성될 때마다 고유키 값을 부여해주면 된다.(민팅) mint(msg.sender, 1) address) public owned; 가 존재한다. 키 값을 넣으면 계정주가 나옴. 영화관에 돈 넣으면 나오는 티켓처럼. 가치가 달라질 수 있음 (암표라던가.) 그래서 오늘 할 ..

사과를 구매하고, 환불할 수 있는 아주아주 간단한 dApp을 구현해보겠다. 목차 - 디렉토리 구조 - truffle 백 - 프론트 - 메타마스크 연결 - 물건 사고, 환불해보기 디렉토리 구조 Truffle 배포하기 터미널 열고 npx ganache-cli 다른 터미널에 mkdir truffle cd truffle truffle init truffle/contracts/AppleShop.sol // SPDX-License-Identifier: MIT pragma solidity ^0.8.15; contract AppleShop{ mapping (address => uint) myApple; //address를 넣어주면 uint(정수)값이 튀어나온다. function buyApple() public paya..

mkdir truffle cd truffle truffle init contracts/SimpleStore.sol // SPDX-License-Identifier: MIT pragma solidity ^0.8.15; contract SimpleStore{ uint256 private value; address public owner; constructor(uint256 _value){ //배포됐을 때 생성 value=_value; owner = msg.sender; //스마트컨트랜트 발동한 사람의 주소 : 누구일까? 배포자의 공개키. } //contructor의 인스턴스는 CA 이전에 생성된다. function getAddress() public view returns (address){ return m..

목차 - truffle로 컨트랙트 배포하기 - 디앱이란? - 프론트 구현하기 컨트랙트 배포하기 트러플로 Counter 만들어보겠다. - Truffle 파일 만들기 cd truffle npx truffle init Front : create-react-app front 프론트도 만들어주겠다. create-react-app front # 이번엔 geth 말고 가나슈를 사용하겠다. 그 이유? geth 상당히 귀찮음. 가나슈는 트랜잭션이 발동할 때마다 알아서 마이닝을 해서 블럭이 생성된다. 즉, 편하다~ 새로운 터미널을 열어서 npx ganache-cli # Private Keys (0) 0xf4513fb9b43f........................... 가장 첫번째 비밀키를 메타마스크에 등록해주겠다.(..

작업할 디렉토리 하나 생성해라. datadir로 사용할 예정 mkdir `node` node라는 제목의 디렉토리를 하나 생성해주겠다. 1. 새 계정을 하나 생성해준다. geth --datadir node account new 1234 1234 node/keystore 디렉토리 안에 새 계정이 생긴다. 2. go-ethereum 디렉토리 들어가서 make all 을 해서 puppeth ,bootnode를 다운 받을 것이다. 일다 오늘은 puppeth만 사용할 것이고, make all을 하면 자동으로 다 받아진다. puppeth : geth 환경설정 해주는 모듈 3. make all 이 종료되면, puppeth 위처럼 나와야한다. 만약 없다고 나오면 source ~/.profile 실행후 puppeth 4...

목차 - 개인키 파일인 json 생성해서 메타마스크 로그인 - geth 명령어 - geth 모듈 사용해보기 - private 네트워크 구성하기 제니시스, 체인네트워크로 나만의 네트워크 생성하거나, 코인 만들때 web3 라이브러리 같은 것들을 이용하는 것들은 geth부터 시작이다. 즉, geth가 이더리움의 근본이다. 앞으로 일어질 결과들은, go 언어와 geth 다운로드를 했다는 전제하에 이루어진다. 개인키 파일 생성하기 cd ~/.ethereum ls ~/.ethereum 디렉토리 안에 geth, keystore가 있는 것을 확인할 수 있을 것이다. (geth,ipc, history 일단 무시.아직 없는 게 맞음) 여기서 keystore는 내 개인키저장공간, geth는 chaindata 가 담긴 공간이..

이전 글과 이어집니다. ☞ 이전 글 바로 보러가기 1. ganache 설치해주기 터미널 geth 깃클론 받은 디렉토리까지 들어가서, npm install -g ganache-cli 다운로드가 끝나면, ganache-cli 위 명령어를 통해 실행한다.(test account 생성해주는 것임.) 뭐 이런 식으로 뜰 것임. 2. 메타마스크 크롬에 추가하기 그냥 구글에 쳐서... 확장프로그램에 추가해준다! 그리고 계정을 만든다. 네트워크 추가를 누른다. 위처럼 작성하면 저장 버튼이 파래질 것임.(필자는 이미 만든 상태라 저렇게 뜸) 계정 가져오기를 누른다. 아까 터미널에서 생성 된 test account 9개 중 아무거나 하나 비밀키(Private Key)를 복사해서 붙여넣어준다. 그럼 계정 추가 완료!