박주니 개발 정리

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..

https://openai.com/dall-e-2 DALL·E 2 DALL·E 2 is an AI system that can create realistic images and art from a description in natural language. openai.com 1. DALL-E-2 접속합니다. 2. Try DALL-E를 클릭합니다. 3. Start with a detailed description 하단에 원하는 이미지에 대한 설명을 영어로 번역해서 넣고 Generate를 클릭합니다. 추가 설명) 어떤 이미지를 출력할 지 잘모르겠으면 Cartoon image of a cat preparing to sing 을 넣고 시도해보세요 뜻은 싱어 준비하는 고양이 만화 이미지 입니다. 4. text에 ..

설명전) youtube에서 openai sora 영상 출력 언급이 있길래 바로 시도를 해봤는데 아직은 출시예정이고 chatgpt4만 이미지출력이 가능합니다. 한번 어떤 글이든 본인이 상상한 것을 글로 적고 이미지로 출력해달라고하면 됩니다. 예시 내용) 강아지가 고양이를 어부바하고 도시를 걷고 있는 이미지를 만들어줘 chatgpt3.5로 할경우)

힌트를 얻게 해준 유튜브 영상 https://www.youtube.com/watch?v=V27XkmVPqYQ 설명전) 노마드코더 20억명 감당한는 법 보면서 api 호출해서 캐싱을 하게되면 먼저 캐싱에 데이터가 있는지 확인하고 있으면 캐싱에서 가져오고 없으면 api 호출하는 방법을 알게되었습니다. 저는 주로 redux에서 해당 유저 정보 데이터 및 관련 데이터만 관리하고 cookie에서는 로그인 상태 확인하는 정도로만 했는데 고민이였던 부분이 중복 api 호출할 경우 서버 부하로도 이어질 수 있기 때문에 어떻게 하면 프론트에서 효율적으로 api 호출 제어할 수 있을 지 찾아보게 되었습니다. 찾아보는 과정에서 react-query가 지금 과정과 동일한 방법으로 진행한다는 것을 알게되었습니다. 1. reac..

어느순간부터 vscode를 열면 The .NET Core SDK cannot be located: Error running dotnet --info: Error: Command failed: dotnet --info 'dotnet'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ� ��ġ ������ �ƴմϴ�. 'dotnet'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ� ��ġ ������ �ƴմϴ�. . .NET Core debugging will not be enabled. Make sure the .NET Core SDK is installed and is on the path 이런 알림이 나오는 것을 확인했습..