목록React (28)

박주니 개발 정리

A component is changing an uncontrolled input to be controlled. warnning 해결 방법

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

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

최종본 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..
react 2023. 2. 8. 10:07
naver login 구현 방법

1. https://developers.naver.com/main/ 에 접속하셔서 Products>네이버 로그인>네이버 로그인 API를 접속합니다. 네이버 로그인에 오픈 API이용 신청을 클릭합니다. NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음 developers.naver.com 2. 애플리케이션 등록 (API 이용신청) 진행합니다. 추가 설명) 등록시 주의해야할 부분은 로그인 오픈 API 서비스 환경입니다. 환경 추가 select를 누르시면 적용할 부분을 선택을 하는데 저는 웹에 적용을 했기 때문에 PC 웹으로 ..
react 2023. 2. 1. 13:21
이전 Prev 1 2 3 4 5 6 7 Next 다음