박주니 개발 정리

1. Context 폴더를 생성하고 LoginContext.js를 생성합니다. createContext를 적용해서 초깃값을 셋팅 후 provider, context 부분을 export 합니다. import React, { createContext, useState } from "react"; // LoginContext 생성 const LoginContext = createContext(); // LoginProvider 컴포넌트 const LoginProvider = ({ children }) => { const [isLoggedIn, setIsLoggedIn] = useState(false); const [username, setUsername] = useState(""); const value = ..

설명 전) react 환경에서 npm start로만 진행할경우 충분히 packasge.json에서 "proxy" 추가해서 서버 경로를 연결하면 됩니다. 하지만 실서버 적용시 build 진행하는 경우에는 프론트에서 적용한 것보다는 서버에서 설정을 해야하기 때문에 서버측에 cors proxy를 별도 설정해주셔야 합니다. 프론트에만 수정한다고해서 build환경에는 cors 에러를 해결하실 수 없습니다. 먼저 spring boot 환경이 설정되었다는 조건하에 설명 진행하겠습니다. 1. WebConfig.java 파일을 생성하고 CorsRegistry를 mapping 진행합니다. 추가 설명) 저는 서버 개발을 laravel, nodejs로 진행했기 때문에 spring boot는 proxy 이슈 해결을 위한 용도로..

설명전) 24.03.05 그때 nft 발행할 때만해도 발행시 전혀 문제가 없다가 24.03.12 다시 진행할 때 세부 정보에서 요청이 안전하지 않을 수 있습니다. 가 나오는 것을 보게 되었습니다. 세부 정보가 이렇게 나오는건 그간 2년동안 진행하면서 한번도 나오지 않았기 때문에 metamask가 업데이트를 하면서 발생된 문제라는 것을 알았습니다. 물론 다시 metamask를 재설치하고 다시 그전에 사용했던 지갑 연결하고 네트워크 새로 연결하면 해결될 수도 있지만 그 과정도 번거롭다면 지금과 같은 대응 방법으로 진행해주시길 바랍니다. 주의 사항) 저는 polygon mainnet 네트워크 기반으로 설정되어 있습니다. 과정중에 네트워크가 달라도 비슷한 부분이 있겠지만 가스 한도는 다를 수 있기 때문에 그부분..

설명 전) react component는 page별로 또는 header 및 bottom, sidemenu 구분해서 필요 요소를 블록형식으로 return 안에 html안에 구분해서 재사용을 했습니다. 그런데 기능으로 따로 구분을 해서 재사용을 할려면 return안에 사용하는 것이 아닌 function 안에 따로 불러와야하기때문에 한페이지 안에서 진행하는거면 상관이 없는데 따로 component를 만들어서 import에서 사용할 때에는 여러 변수가 생길 수 있다는 것을 알아두셔야합니다. 먼저 간단하게 어떻게 기능 component를 만들어야하는 지 설명하겠습니다. 더 좋은 방법이 있으면 추천해주시길 바랍니다. 1. src>TestAction.js를 생성하고 해당 코드를 복사해서 붙여놓습니다. import T..