목록react (25)

박주니 개발 정리

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
kakao 로그인 구현 방법

1. https://developers.kakao.com/ 에 접속하셔서 내 애플리케이션 클릭하시고 애플리케이션 추가하기를 합니다. Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 2. 추가를 완료하셨으면 내 애플리케이션>앱설정>플랫폼 으로 접속해주시길 바랍니다. 추가설명) 제 기준에서는 web으로 설정했기 때문에 Web 플랫폼 등록만 진행했지만 적용하고자하는 대상이 android 및 ios라면 구분해서 등록해주시길 바랍니다. 사이트 도메인 설정 방법) 먼저 react에서 npm start 실행시켰을 때 접속되는 url을 입력해주시면 됩니다. 기..
react 2023. 1. 31. 18:06
이전 Prev 1 2 3 4 5 6 7 Next 다음