박주니 개발 정리

해결 방법 const [adminInfo, setAdminInfo] = useState(""); useEffect(() => { setAdminInfo( {name: "user"} ) }, []) React default value를 사용하는 이유는 다음과 같습니다. 기본값 설정: 만약, 사용자가 입력하지 않았을 경우, 특정 기본값을 표시하기 위해서입니다. 초기 폼 상태 설정: 폼을 처음 렌더링할 때, 특정 초기 값을 가지도록 설정하기 위해서입니다. 초기 데이터 상태 설정: API를 통해 받은 데이터를 표시할 때, 그 데이터를 기반으로 폼의 초기 상태를 설정하기 위해서입니다. 기존 데이터 로딩: 기존에 저장된 데이터를 불러와 폼에 표시할 때, 그 데이터를 기반으로 폼의 초기 상태를 설정하기 위해서입니다...

추가 설명) filter을 모르는 상황에서 구현을 할려고 했으면 empty가 아닌 것을 따로 배열로 담거나 let resultArray = []; foreach(array as item){ if(item !== "empty"){ resultArray.push(item); } } 그 외 shift나 pop 방식이 있으나 순차적으로 발생되는 것이 아니면 여러 조건문을 사용해야 합니다. 그러다보면 코드가 길어지고 실수가 나올 수 있으므로 구분해서 진행하는 것은 filter을 추천합니다.

최종본 pinata_api_key, pinata_secret_api_key는 pinata 적용할 때 사용한 api key와 비밀키를 넣으시면 됩니다. 추가 설명) 공식문서 방식으로 적용을 하면 headers에 'Authorization': 'Bearer PINATA JWT' 를 그대로 놓으면 당연히 400에러가 발생될 수 밖에 없습니다. chatGPT에 질문에 의한 답변으로 코드를 작성을 하면 The provided route does not match a valid Pinata endpoint 보통 이 에러는 hash된 값을 제대로 전달 안할 때 발생되는 것을 볼 수 있습니다. 그리고 공식문서와 비교를 했을 때 api 부분에 pinnint/unpin으로 접근을 하는데 chatGPT가 알려준 방식은 /d..

메타마스크 설치 및 연결을 가정하에 진행하겠습니다. 폴리곤 메인넷 설정 방법 1. 내 계정 프로필 좌측에 있는 네트워크를 클릭해서 네트워크 추가 버튼을 클릭합니다. 처음 접속하신 분들은 폴리곤 메인넷 및 테스트넷 설정이 되어있지 않아서 처음부터 진행하셔야 합니다. 2. 네트워크>네트워크 추가에서 네트워크 수동 추가를 클릭합니다. 3. 네트워크>네트워크 추가>네트워크 수동 추가에 하단에 이미지처럼 내용을 설정 후 저장합니다. 4. 네트워크 들어와서 Polygon Mainnet을 클릭해서 네트워크 경로를 변경합니다. 폴리곤 테스트넷 설정 방법 폴리곤 메인넷 설정하는 방법 2번까지는 동일하고 3번 네트워크 수동추가에서 하단에 이미지에 내용을 채우고 추가를 하시면 됩니다. 알아두면 좋을 것 폴리곤 테스트넷은 따..