React Native
1.[React Native] Mac에서 React Native 개발 환경 세팅
React Native 환경 설정 for Mac
2.[React-Native] Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-lifecycles for details.
ActionButton 이슈
3.[React-Native] recoil과 AsyncStorage 결합하여 사용하기
React-Native recoil과 AsyncStorage 결합하여 사용하기
4.[React-Native] ios Modal onBackdropPress 이슈
[React-Native] ios Modal onBackdropPress 이슈
5.[React-Native] Possible unhandled promise rejection (id: 0): 에러
Notifee 패키지를 이용하여 Local Push Notification 을 구현하는 과정 중에 Diary를 작성하고 HomeScreen으로 돌아왔을 시, 아래 사진과 같은 이슈를 겪게 됐습니다.이 이슈는 일반 함수에서 hook 을 사용하고 있어서 발생하는 이슈 입니
6.[React-Native] App Name 변경하기
React Native 플랫폼에서 앱의 이름을 변경하는 방법은 총 2가지므로, 각각의 플랫폼에 맞게 Android Studio 와 Xcode 도구에서 변경할수 있습니다.Android 같은 경우, android 디렉토리를 열어주고, app/src/main/res/valu
7.[React-Native] App Icon 변경하기
React-Native App Icon 변경하기
8.[React-Native] SplashScreen 관련 이슈
앱을 켰을때 사용자에게 SplashScreen 을 보여주기 위해 패키지를 이용하여 구현하는 과정속에 이슈를 겪었습니다.패키지 링크: https://github.com/crazycodeboy/react-native-splash-screen이슈는 IOS 에서는 스
9.당신의 하루 동안 발생한 감정을 기록하는 다이어리 앱 - Feely
Feely
10.[React-Native] Failed to build iOS project. "xcodebuild" exited with error code '65'. To debug build logs further, consider building your app with Xcode.app, by opening 'KnuApp.xcworkspace'.
간혹 iOS 개발하다가 빌드하면 다음과 같은 에러를 겪을때가 있습니다.이유는 내부 bundle 이 꼬여서 발생하는 경우입니다.terminal 에 다음 명령어를 순차적으로 입력합니다. Xcode에서 프로젝트명.xcworkspace 프로젝트를 열어줍니다.Product >
11.[React-Native] Build 에러(iOS, Android)
프로젝트 셋팅을 하고 앱 빌드를 하니 이슈를 겪게 됐습니다.
12.[React-Native] Error: listen EADDRINUSE: address already in use :::8081
React Native 플랫폼에서 메트로 서버를 실행하고 플랫폼 앱을 빌드하니 이슈가 발생하며 로그에는 다음과 같은 내용으로 에러가 발생하고 있다.shell 에 다음 명령어를 입력합니다.그러면 현재 8081 의 포트번호를 가진 서버가 켜져있는 리스트를 확인해볼수 있습니
13.[React-Native] Stack Header와 SafeAreaView의 관계
Stack Navigation 으로 구성된 스크린중에 iOS 모델 기준, 화면의 뷰가 노치로 인해 가려지는 부분을 해결하기 위해 컴포넌트를 구현하는 중에 화면의 일부가 자동적으로 padding 스타일이 적용되어 이슈가 발생한 경험이 있습니다.이 이슈는 Navigatio
14.[React-Native] 프로젝트 Architecture type 변경하는 방법(Bridge -> Fabric)
react native 개발을 하면서 기획에 따르거나 특정 라이브러리를 사용하는 경우, Old Architecture(Bridge) 에서 New Architecture(Fabric) 로 변경 해야됩니다.Android 일 경우, android/gradle.properti
15.[React-Native] 'utils/RectUtil.h' file not found 에러 해결방법
ios를 빌드하다가 실패하여 xcode 에서 빌드를 해보니 사진과 같은 에러가 발생했습니다.이는 react native가 0.75.2 환경에서 pod 설치하는 과정 에서 이슈가 발생하는 증상입니다.해결 방법으로는윗 코드를 수정합니다.
16.[React-Native] Webview Process Terminated 에러 해결 방법
웹뷰에서 메세지를 받아 네이티브 스크린으로 이동하여 카메라 촬영하는 도중에 다음과 같은 이슈를 확인 했습니다. 이 이슈는 react-native-webview 모듈에서 발생하는 문제로, 기기가 일정 부분 이상 메모리 리소스를 사용 할 경우, 웹뷰가 강제 종료(term
17.[React-Native] iOS Eas Build --local 하는 방법
Expo 환경에서 개발하다가 앱 배포를 위해 eas build 를 로컬에서 진행하다가 에러를 겪게 됐습니다. 이 에러는 ci/cd 역할을 하는 Fastlane 기능을 eas build 하는데 사용해야 되는데, 데스크탑에Fastlane 기능이 구축되어 있지 않아서 발생
18.[React-Native] cannot find 'TARGET_IPHONE_SIMULATOR' in scope
eas local 빌드를 하기 위해 FastLane 를 설치 한 뒤, eas local 빌드를 시도하니 에러가 발생했습니다. 이 이슈를 해결하기 위해 npx expo-doctor 명령어를 입력해서 프로젝트 내 이슈가 있을법한 사항들을 체크해 보았습니다. 이슈가 발생할 수 있는 상황들이 총 4가지가 나왔는데, 그 중에 저는 expo-dev-client 버...