리액트 네이티브 실제 기기 연결
안드로이드 실제기기 연결 설정 -> 휴대전화 정보 -> 소프트웨어 정보 -> 빌드 번호 (여러번 클릭하면) 개발자 모드로 전환이된다. 전환이 완료가 되면, 옵션에 개발자 옵션이 생긴다. 이때, usb 디버깅을 꼭 켜줘야한다. 이제 안드로이드 Sdk 폴더에서 platform-tools 를 찾아내서 터미널에서 이 폴더로 들어가준다. adb devices 명령어를 사용하면 디바이스가 검색된 것을 알 수 있다. 기기 포트를 변경한다. vscode에서 metro를 켜주고 원래하던데로 react-native run-android 해주면 실제기기에서 실행이 된다. 안드로이드 적장 물리쳤다! 들어가기에 앞서 참고한 자료들이다. https://hazel-developer.tistory.com/34 RN(React Nat..
[오류] 리액트 네이티브 다른 컴퓨터에서 clone 할때 오류
당신은 왜 또 삽질을 하고 계신가요? 맥에서 작업한 리액트 네이티브 프로젝트를 윈도우 컴퓨터에서 테스트를 해야하는 상황이였다. 해결방안 1. 개발할때 사용했던 npm 버전, node 버전 체크하기. 2. package-lock.json 파일 제거후 npm i 시도하기 3. npm-cache 폴더 제거후 npm i 시도하기 4. npm install -g react-native-cli 설치하기 5. 안드로이드 폴더에서 ./gradlew clean clean 할때는 메트로서버가 꺼져있어야함. 실행하기 위 5가지 방법중 하나 얻어 걸렸는데 아마 5번째 방법이 솔루션이지 않았을까 싶다.
맥 사용법
컨트롤 + F3 Duck 단축키 컨트롤 + 커맨드 + F 전체 화면 컨트롤 + 탭 = 사파리 탭창 전환 펑션 + F3 = 화면전환 컨트롤 쉬프트 커맨드 4 클립보드 복사 캡쳐 컨트롤 + 탭 = spotlight 폴더 경로 = command + option + c
파이어베이스 데이터 갱신시 새로고침
현재의 문제점 찜 해제 버튼을 누르게 되면 파이어베이스 내의 해당 데이터가 삭제가 된다. 그런데 화면에는 이것이 실시간으로 반영되지 않았다. 삽질 1 https://www.npmjs.com/package/fiction-expo-restart fiction-expo-restart This package helps restart react-native (Expo) app, development and production, both work. Latest version: 1.1.2, last published: 2 months ago. Start using fiction-expo-restart in your project by running `npm i fiction-expo-restart`. There ar..
리액트 네이티브 / object 배열로 바꾸기.
아래 코드 처럼 object를 배열로 바꾸어야하는 상황이였다. const objOfObjs = { "one": {"id": 3}, "two": {"id": 4}, }; [ "one": { "id": 3 }, "two": { "id": 4 } ] 근데 나는 바보라서 좀 고민했다. 해결방법은 그냥 arr 하나 만들어서 push 해줬다. 코테 연습을 파이썬으로 할께 아니라 자바스크립트로 해야할 판이다.
리액트 네이티브 expo 시뮬레이터 오류
방금 까지 잘되던 안드로이드 디바이스가 안켜졌다. 할꺼 겁나 많은데 정신이 나갈꺼 같다. 그 이유는 c드라이브의 메모리 공간이 충분하지 않아서였다. 위 오류를 해결하자마자 새로운 오류가 생겼다. 종료시켜주자.
리액트 네이티브 api 요청시 딜레이
현재 어떤 오류에 직면했나요? 현재 리액트 네이티브로 앱을 맛보고 있는데 날씨와 기온 정보를 얻기위해서 api로 get요청을 보내는데 이때 화면에 출력된 후에 기온과 날씨 정보가 바뀌는 현상이 발생했습니다. 이를 어떻게 해결해야할지.. 위와 같은 오류가 발생한 원인은 setTimeout은 대표적인 비동기 함수라는 것을 고려를 하지 않았기 때문입니다. 비동기 함수이기때문에 함수 순서대로 실행이 되지 않았고, 저런 오류가 발생했습니다. 그러므로 제가 원하는 대로 함수가 실행되게 하기 위해서는 async await를 사용하여 getLocation 함수가 끝난다음 다음 함수를 실행 시키도록 했습니다.
react native naviation bar setOptions
navigation의 타이틀 부분의 글자크기와 색상이 맘에 들지 않아서 바꾸는 방법을 찾아봤다. 참고한 공식문서이다. https://reactnavigation.org/docs/headers/#updating-options-with-setoptions https://reactnavigation.org/docs/headers/#updating-options-with-setoptions reactnavigation.org 짜잔