[RN] react-native Android Emulator build error.
·
React Native
오류원인Colud not connect to development server. 8081 포트에 에뮬레이터가 연결 되어 있지 않다는 에러다. 해결방법/*연결된 에디바이스를 얻고*/$ adb devicesList of devices attachedemulator-5554 deviceemulator-5558 device/*해당 디바이스와 포트를 연결해준다*/$ adb -s emulator-5554 reverse tcp:8081 tcp:8081 위와 같이 이미 연결되어 있던 디바이스는 아무런 반응이 없지만연결되어 있지 않았던 디바이스는 8081이라는 결과가 나타난다.
[RN] react-native iOS App Bundle build - ver.distribution
·
React Native
Archive 진행Product -> Desdivation - Any iOS Device (arm64) 선택Distribute App -> test flight only 선택 Apple Store프로젝트 앱 -> Test Flight 탭 선택 마지막으로 핸드폰으로 앱확인.적용이 안된거 같을때는 이미 진행중이던 앱을 두어번 강제종료 해주고 열면 배포된 앱으로 실행된다.
[RN] react-native Android App Bundle build - ver.distribution
·
React Native
버전 변경versionCode가 같은 번들은 play console에 업로드 할 수 없다.(최초로 앱을 배포하는 상황이 아닌 경우에는 build.gradle 파일 내 versionCode와 versionNamedmf 수정해주기) 생성 옵션 선택새로운 번들에서 서명을 해줘야 한다.- Build -> Generate Singed Bundle / APK 선택- 기본설정 (Android App Bundle)을 선택 후 다음 업로드 키 생성 및 적용업로드 키가 존재하는 경우 서명 키 비밀번호와 alias를 입력해준다.*서명키가 없는 경우 Create New..를 선택하여 서명키를 생성해주기나같은 경우는 이미 key가 생성되어 있어서, Choose existing을 선택후 key파일을 넣어줬다. 번들 빌드 옵..
[RN] react-native simulator 'Hide Inspector'
·
React Native
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 inspect?I have an iOS app developed via React Native running on macOS via Catalyst. It happened that I erroneously pressed something to enable..
[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
결국 코드 한줄씩 주석처리 해보면서 svg파일이 문제인걸 찾았다.또 하루종일 svg와 관련된 파일들만 설치하고 난리부르스......ㅋㅋ 발생원인react-native 버전이 업그레이드 되고나서 발생하는 에러이다.나의버전: "react-native": "0.75.2" 해결방법 ts-jest 라이브러리 사용 1. ts-jest 라이브러리 설치npm install --save-dev ts-jest# oryarn add --dev ts-jest 2. jest.config.js 파일 수정module.exports = { preset: 'ts-jest', testEnvironment: 'node', transform: { '^.+\\.tsx?$': 'ts-jest', '^.+\\.svg$': 'je..
[RN] react-native button으로 sort 정렬하기
·
React Native
1. Btn1을 누르면 해당하는 열이 오름차순 정렬 -> 내림차순 정렬 -> 디폴트 정렬2. Btn1을 눌러서 오름차순 정렬해놨다가 Btn2를 누르면 Btn2를 기준으로 오름차순 정렬 테이블 헤더 및 화살표 이미지 상태저장 const [selectedHeader, setSelectedHeader] = useState(null); const [arrowState, setArrowState] = useState(0); - 눌러진 열을 구분 할 수 있게 테이블헤더 상태를 useState를 활용하여 저장- 오름차순, 내림차순 구분을 하게 해주는 화살표 상태 저장 헤더 클릭시 아이콘 변경 const handleHeaderClick = (index: number) => { if (selectedHeade..