일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 블록체인
- 라라벨
- Python
- nft
- jquery
- threejs
- nodejs
- pagination
- Laravel
- Ai
- netfunnel
- metamask
- miniconda
- PM2
- 배포
- 오블완
- exceljs
- 회고
- 공연티켓
- node
- chatGPT
- 티스토리챌린지
- nginx
- Remix
- polygon
- NextJS
- Setting
- Kaikas
- React
- CSS
- Today
- Total
목록react/kaikas (4)
박주니 개발 정리
카이카스 서명은 mint 하기 전에 등록하는 단계에서 사용합니다. 이 단계를 진행하기 위해서는 caver-js가 정상적으로 돌아가야함으로 caver-js를 하기 위한 셋팅을 먼저 해주시길 바랍니다. 1. yarn add caver-js 2. import Caver from "caver-js" 참고자료) kaikas docs 공식 문서 https://docs.kaikas.io/02_api_reference/02_caver_methods#caver.klay.sign Caver Methods - Kaikas Docs Unlike caver.klay.sendTransaction, this does not send transaction to blockchain. Instead it returns RLP encod..
caver-js 가 안되는 이유는 1. npm으로 시작했을 경우 2. react-scripts 버전이 5이상일 경우 1번은 제가 개인적으로 react-scripts 버전을 4버전으로 설정하고 npm으로 시도해봤지만 충돌이 계속되었는데 yarn으로 변경하고 난 이후에는 해결이 돼서 환경셋팅을 yarn 변경도 추가했습니다. yarn start가 안될 경우 참고자료) https://songjang.tistory.com/31 [VSCode] "~\npm\yarn.ps1 파일을 로드할 수 없습니다." .ps1 에러 docker-compose 를 활용한 react 및 nodejs express 배포 옛날 spring, jsp 시절에는maven(or gradle) 빌드로 나온 war 결과를 tomcat 에 배포하면 ..
카이카스 연결을 할 때 back-end에서 저장된 wallet_address를 비교해서 그 address가 맞다면 cookie 셋팅을 하는 것이다. 메타마스크로 로그인할 때도 그렇고 비밀번호보다는 접속할 때 얻어지는 token을 활용하는 것이 중요하다. cookie를 사용하는 이유) 브라우저마다 보내지는 cookie를 담아서 보내주기 때문에 해커가 해당 cookie를 사용하기 위해서는 그 유저 브라우저를 사용해야합니다. 그리고 로그아웃 및 계정 변경시 개발 영역에서 cookie를 remove하면 되기 때문에 보안성을 높일 수 있습니다. react-cookie를 셋팅하는 방법 참고자료) react-cookie 공식문서 https://www.npmjs.com/package/react-cookie react-..
kaikas 연결하는 방법은 단순하지만 transaction까지 사용할 것을 감안한다면 caver js를 사용해야하기 때문에 먼저 셋팅을 npm이 아닌 yarm으로 진행해주시길 바랍니다. yarm으로 셋팅되어야 caver js를 다룰 때에 충돌 없을 수 있습니다. 혹시 yarm 설치가 잘안될 경우에는 블로그에서 caver-js실행이 안된다면을 확인해주시길 바랍니다. import React from "react"; import "../css/Connect.scss" function Connect(){ const { klaytn } = window; async function connect(){ // 카이카스 접속 const accounts = await klaytn.enable(); accounts() }..