박주니 개발 정리

설명 전) 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 이런 알림이 나오는 것을 확인했습..

먼저 chatgpts를 통해 챗봇을 만든 이유는 nft 개발 노하우를 학습시켜서 추후에 배포 및 발행을 구현을 할 때 다시 찾을 필요없이 질문만으로 원하는 답변을 듣기위해서 진행하게 되었습니다. https://chat.openai.com/g/g-sQNcwBYrl-nft-market-creation-assistant ChatGPT - nft market creation assistant ERC721 and ERC1155 NFT distribution and issuance, nft market a-z helper chat.openai.com 1. chatgpts 접속하시고 My GPTs를 클릭합니다. https://chat.openai.com/gpts Explore GPTs Discover and crea..

설명전) 처음부터 jstree를 사용하지 않고 협업하는 과정에서 다른 직원이 코드한 것중 jstree구조로 되어있고 jstree.js가 따로 구성되어있으면 뭔가 특별하게 적용되어있을거라고 생각할 수 있는데 jstree는 라이브러리라는 것을 기억하고 계셔야합니다. 그리고 이미 다른 사람이 만든 jstree를 사용하기 전에 먼저 지금처럼 간단하게 만들고 시작하면 빨리 이해하실 수 있습니다. jstree 라이브러리 사용 목적) jstree는 주로 웹 개발에서 트리 구조를 시각적으로 표현하고 상호 작용하는 데 사용됩니다. 주로 다음과 같은 경우에 활용됩니다: 1. 파일 탐색기 또는 폴더 구조: 사용자가 파일이나 폴더를 선택하고 탐색할 수 있는 웹 기반 파일 관리 시스템 또는 폴더 구조를 구축하는 데 사용됩니다...

설명전) react 소스보기 숨기기는 개발자도구>Sources>Page에서 현재 본인이 작성한 코드가 노출된 것을 가린다는 의미입니다. 노출이 되었을 때 개발이 어떻게 되었고 어떤 api를 이용해서 진행되었는지 다 확인이 되기 때문에 보안상으로 숨겨야합니다. 저는 window 환경에서 작업을 기준으로 설명한 것이니 혹시 맥북으로 진행하셨으면 현재 내용은 참고하는 정도로만 진행해주시길 바랍니다. 1. package.json에서 scripts 안에 있는 build내용을 GENERATE_SOURCEMP=false를 추가합니다. "scripts": { "start": "react-scripts start", "build": "set \"GENERATE_SOURCEMAP=false\" && react-script..