React-native/정리

[Expo] EAS 자동 빌드 (CI/CD) [4/5]

한줄 총평 : 누구인가? 누가 이걸 쉽다고 하였느냐? 시리즈 (일반 : 2번 ~ 4번 | 심화 : 5번) 빌드 및 배포 전체메모 : https://radpro.tistory.com/461 빌드 준비 (Google 설정 등) : https://radpro.tistory.com/464 일반 로컬 빌드 (Expo 빌드) 및 Google Play 배포 : https://radpro.tistory.com/466 EAS(Expo Application Sevice) 자동화 : 현재 글 Git Actions 연결 : https://radpro.tistory.com/465 목표 : EAS 자동화를 이용해 명령어를 이용한 CI/CD를 완성한다. (Expo를 이용해 프로젝트를 완수했을 때만 가능) 준비사항 1. 빌드준비과정..

[Expo] 빌드 및 배포 [1/5]

목표 : Expo로 제작한 React-native앱을 빌드 및 배포 공식문서 : https://docs.expo.dev/submit/android/ 시리즈 (일반 : 2번 ~ 4번 | 심화 : 5번) 빌드 및 배포 전체메모 : 현재 글 빌드 준비 (Google 설정 등) : https://radpro.tistory.com/464 일반 로컬 빌드 및 Google Play 배포 (Expo 빌드) : https://radpro.tistory.com/466 EAS(Expo Application Sevice) 자동화 : https://radpro.tistory.com/463 Git Actions 연결 : https://radpro.tistory.com/465 준비 1. Google Developer 유료 계정 생..

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들을 직접 지정해줘야한다는 뜻이다. 여러가지 방식이 ..