React-native

[오류]오류 해결 (1)

@ yarn.lock 오류 1. 문제 : yarn으로 dependancy설치 중 오류가 발생. error Command failed. Exit code: 128 Command: git Arguments: ls-remote --tags --heads ssh://git@github.com/WrathChaos/react-native-dynamic-search-bar.git Directory: C:\Users\nyong\Documents\GitHub\BotNavi Output: Host key verification failed. fatal: Could not read from remote repository. 2. 해결방법 : yarn.lock를 제거하고, 새로 yarn을 install하면 해결 좌측 사진의 ..

Youtube search 기능 구현하기 (진행중)

1. 준비사항 : 유튜브 API와 dependancy인 axios에 대해 학습하자. ㄱ. 유튜브 API 검색 ( 참고 링크 : https://www.npmjs.com/package/youtube-search-api?activeTab=dependencies ) ㄴ. Axios ( 참고링크 : Aixos 공식문서 https://axios-http.com/docs/intro , ) ( 참고링크 : Axios 설명 https://kyun2da.dev/%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC/axios-%EA%B0%9C%EB%85%90-%EC%A0%95%EB%A6%AC/ ) ㄷ. 설치파일

iframe API - videoID로 연속재생 구현하기 [2편 임의의 keys로 된 JSON]

1. 목적 : 일반적으로 JSON 데이터를 realtime database에 업로드 하면, 자동으로 index number가 매겨진다. 하지만, 만약 push 등 코드를 통해 realtime database에 데이터를 삽입하면, keys들이 index가 아닌, 타임스탬프가 담긴 임의의 keys값으로 지정된다. 따라서 1편과 달리 여기선 push를 통해 생성된 json데이터를 이용해 연속재생을 구현했다. 2. 준비사항 ㄱ. 기본적으로 원리는 1편과 유사하다. 1편을 통해 선행학습을 하자. ( 참고 링크 : https://radpro.tistory.com/75 ) ㄴ. 단, 1편과 2편은 firebase API가 조금 다르다. 아래의 찜 목록 구현을 참고하자. ( 참고 링크 : https://radpro.t..

iframe API - videoID로 연속재생 구현하기 [1편 Index로 된 JSON]

1. 원리 : 현재 FlatList + realtime database + react-native-iframe 을 사용중이다. 따라서 FlatList에서 선택한 항목에 대해 >> realtime database 내에 저장한 유튜브 json데이터에서 videoID를 받아와 >> iframe에 입력해주는 방식을 채택하고 있다. 문제는 이 방법을 이용하면, iframe 자체에선 autoplay를 구동시키더라도(default값임), scr 옵션으로 url을 사용하는 것과 다르게, 다음에 재생할 videoID를 찾지 못해 동작이 멈추게 된다. 즉, 다음에 재생할 que된 videoID를 못찾아 재생할게 없음이란 상태가 된다. 따라서, 다음에 재생될 videoID들을 직접 지정해줘야한다는 뜻이다. 여러가지 방식이 ..

Realtime database에서 지정한 임의의 key값을 얻어 변수 설정 및 CRUD하는 법

1. 목적 (CRUD가 목적이라면, 2번부터 보셔도 무방합니다.) : 알게되는 과정에서 무수한 시도와 시간을 소모했고, 구글링과 StackOverflow에서 찾을 수 없었다. 몇몇 성공 사례는 있었지만, 나같은 초보자가 쉽게 적용하기엔 이해하는 과정부터 어려웠다. 때문에 국내 초보 개발자들이 손쉽게 이해하고 적용 할 수 있는 가이드를 마련하고자 따로 작성하고자 한다. 아래의 파란색 like는 필자가 사용한 최상위 key값이다. 검은색은 필자가 expo-constants로 추가 경로를 만들어 사용하기에 생성된 것이므로, 일반 사용자는 없을 것이니 무시. 빨간색이 얻고자 하는 key값이다. ------------------------------------------------------------------..