본문 바로가기
REACT4
NGNG 블록체인 커뮤니티 Github GitHub - codestates/beb-03-NGNG Contribute to codestates/beb-03-NGNG development by creating an account on GitHub. github.com 배포 React App ngng2.shop 기술스택 프론트 - react - redux - react-query 백엔드 - express - typescript - typeorm - mysql - ipfs - nodemailer - ethers - class-validator - bcrypt - jwt 기능 1. 글, 댓글을 작성하거나 좋아요를 받으면 토큰 지급 2. 받은 토큰으로 NFT 발급 가능 3. 받은 NFT에 따라 토큰획득시 추가 획득 4. 토큰 기부 기능 5... 2022. 5. 2.
NFT 거래소 opensea 클론 코딩 github 전체코드 기술스택 react ipfs-http-client mobx reactstrap web3 sass View 1.NFT 거래소 메인 페이지 2.NFT 마켓(거래) 페이지 3.NFT 민팅(생성) 페이지 4.마이 페이지 5.검색 페이지 contract //market.sol uint256 public feePercent; // 수수료 address payable public feeOwner; // 수수료를 받는 지갑 주소 struct NftOnSale { uint256 id; address payable seller; address NFTaddress; uint256 tokenId; uint256 price; bool sold; }seller: 파는 사람 주소 NFTaddress: NFT .. 2022. 4. 18.
KAS 기반으로 클레이튼 서버 개발 with React 클레이튼 서버와 이를 테스트할 간단한 react 페이지로 구성했다. GitHub - jsc7727/KAS: KAS KAS. Contribute to jsc7727/KAS development by creating an account on GitHub. github.com 기술 스택 Client react axios Server express mutler caver-js caver-js caver-js는 HTTP or 웹소켓 연결로 Klaytn 노드와 상호작용할 수 있도록 하는 자바스크립트 API 라이브러리이다. multer keyStore 파일을 클라이언트에서 서버로 전송해야 해서 formData를 사용했다. multer는 파일 업로드에 사용되는 node.js middleware이다. 해당 부분은 아래서.. 2022. 4. 7.
nginx certbot 연동 location 블록에는 api 서버 쪽만 proxy pass 해서 쓰고 다른 location 블럭에는 root path로 build 한 react 문서만 가져가게 한다. 위부터 추가 제거 iptables 와 firewalld 두 종류가 있다. 이 글에서는 iptables를 사용했다. // 추가시 iptables -t nat -A PREROUTING -p tcp -d --dport -j DNAT --to-destination : // 삭제시 iptables -t nat -D PREROUTING -p tcp -d --dport -j DNAT --to-destination : 와 만 수정해주면 된다. ec2는 보안그룹에서 해당하는 포트를 열어주면 된다. nginx 버전에 따라 조금 다르다. ( 2종류가 있음.. 2021. 10. 11.