박주니 개발 정리

카이카스 연결을 할 때 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() }..

먼저 이 설명을 보기전에 라라벨로 php nginx 설정을 해보신 적이 없다면 라라벨 셋팅(A-Z) 따라서 진행해보시고 시도해주시길 바랍니다. 지금 이 설명은 라라벨 셋팅을 이해했다는 가정하에 설명하고 있습니다. 1. code 폴더 안에 react 프론트 작업할 폴더를 생성합니다. 2. nginx 등록하는 과정에서 php로 작성할때는 public->build로 수정해주시고 형식도 전환해주시길 바랍니다. server { listen 80; #listen 443 ssl http2; server_name crypto_admin_frontend; root "/home/vagrant/market/crypto_admin_frontend/build"; index index.html index.htm index.php..

먼저 간단하게 react 셋팅해주시면 됩니다. npx create-react-app 으로만 진행하시면 됩니다. 1. 먼저 App.js에서 requestAccount function이 적용될 button과 나중에 ethereum 주소가 나올 위치만 선정해서 구현해놓습니다. // App.js import logo from "./logo.svg"; import "./App.css"; function App() { async function requestAccount() { console.log(window.ethereum); } return ( Request Account Wallet Address: 02x...ccc ); } export default App; 현재 console을 통해 window.ethe..