[RN] react-native Firebase Push Notification - iOS
·
React Native
🐰: 개인프로젝트를 하면서 푸시알림발송을 해보았다!너무 어려웠는데 하나부터 열까지 너무 깔끔하게 정리해놔주신 블로그..!불과 4년전 글임에도 불구하고 차근차근 따라하니까 너무 잘되었다! 요로코롬 아주 잘 왔다 !기록겸 개념 정리를 위해 내 블로그에 한번 더 정리하기!  참고사이트May님 블로그 : [React Native] 🔥 Firebase 로 푸쉬 알림 구현하기 - (2) iOS 앱에서 푸시 알림 띄우기!  1. iOS 인증서 생성iOS앱을 내 Firebase 프로젝트와 안전하게 연결하기 위해 인증서 파일을 다운받아 iOS앱 내에 세팅해야한다. 1.1) Firebase 콘솔에서 iOS 앱 생성하기저는 이미 Android, iOS앱을 생성해서 2 apps라고 표기되지만생성전이라는 가정하에 + Add..
[RN] react-native simulator 'Hide Inspector'
·
React Native
🐰: 또 또 잘되던 시뮬레이터가 어떤 단축키를 잘못 누른건지도 모르게이런 'Nothing is inspected'라는 문구가 뜨며 여러 탭들이 생겼다.개발할때 도움이 될 기능임은 확인했지만 왜 사라지질 않니....... 역시나 구글링으로 깔끔히 해결!  iOS Simulator⌘+d 또는^+⌘+z 클릭 후 Toggle Element InspectorAndroid Emulator⌘+m 클릭 후 Toggle Element Inspector  참고 사이트https://stackoverflow.com/questions/76988889/react-native-on-ios-catalyst-how-do-i-remove-inspect React Native on iOS/Catalyst - How do I remove..
[RN] react-native 'Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: number.' 에러잡기
·
React Native
🐰: 와 진짜 날 진땀빼게 한 에러였다.. 3일을 고생했다 부들..도대체 어디가 에러인지 모르고 애꿏은 modules만 지웠다 설치했다..아예 모든걸 지우고 react-native init부터 다시 하기도 했다..하.................💨 결국 코드 한줄씩 주석처리 해보면서 svg파일이 문제인걸 찾았다.근데 도대체 왜? 며칠 전까지만 해도 잘 되던 것들인데.... 또 하루종일 svg와 관련된 파일들만 설치하고 난리부르스......ㅋㅋ진짜 울기 직전에 나타난 새로운 글... 역시 사람은 검색을 잘해야 한다....참고한 글들은 아래에 링크걸어두기로 하고.. 발생원인react-native 버전이 업그레이드 되고나서 발생하는 에러이다.나의버전: "react-native": "0.75.2" 해결방법 ..
[RN] react-native button으로 sort 정렬하기
·
React Native
🐰: 개인프로젝트를 열심히 하는중에도착한 기획팀의 요청~! "데이터를 불러오는데 너무 오래 걸리니까화면 분기와 데이터 오름차순, 내림차순 정렬기능 추가해주세요!" 당연히 Yes~! 이제는 두려움 보다는어떻게 해결해낼지에 대한 기대감이 느껴지기 시작했다🤩 완성된 화면 먼저 공개 두둥-!1. Btn1을 누르면 해당하는 열이 오름차순 정렬 -> 내림차순 정렬 -> 디폴트 정렬2. Btn1을 눌러서 오름차순 정렬해놨다가 Btn2를 누르면 Btn2를 기준으로 오름차순 정렬 이제 코드로 알아보자~!  테이블 헤더 및 화살표 이미지 상태저장 const [selectedHeader, setSelectedHeader] = useState(null); const [arrowState, setArrowState] =..
[RN] react-native tab navigation 스크린 이동 새로고침
·
React Native
🐰: tab2에서 하위 네비게이션으로 페이지를 이동했다가tab3를 갔다가 tab2를 왔을때 tab2의 하위페이지가 아닌 메인페이로 새로고침이 되길 원했다 !방법은 아주 간단했다 !  options={{ unmountOnBlur: true }}  추가 unmountOnBlur: true옵션이 추가된 탭은 새로고침이 발생한다.
[RN] react-native navigation params 사용하기
·
React Native
🐰: RN은 알다가도 모르겠고,모르겠다가도 알거같은..... navigation을 아직 완전히 이해하지는 못했지만오늘 새롭게 사용한 함수를 잊기 전에 기록해두러 왔다 !  Params란?화면을 구성할 때 함께 전달되는 매개변수(parameters)를 의미한다.  Params 사용하기params를 사용하기 위해서는 두 가지 과정이 있어야 한다. 1. navigation.navigate() 함수의 두 번째 변수로 params를 전달해야 한다.navigation.navigate('RouteName', { /* params go here */ })params는 JSON직렬화가 가능한 형태를 추천한다.(보통 객체 형태로 전달한다.) 2. Screen의 구성요소에서 params를 읽어야 한다.function Sc..