728x90

전체 글 100

[error] react-native-google-signin/google-signin [Error: DEVELOPER_ERROR]

검색해 보면 DEVELOPER_ERROR는 무조건 SHA-1 키 때문이라고 하던데,, 나는 잘 입력한 것 같은데 계속 안되길래 머리가 지끈했다.결론 : 공식문서 잘 보자https://react-native-google-signin.github.io/docs/setting-up/get-config-file Obtaining configuration information | React Native Google Sign InBefore getting your hands dirty with code, some configuration needs to be taken care of. Be patient, this is the most complex part of the setup.react-native-googl..

Development/Error 2025.03.26

[error] The Swift pod FirebaseStorage depends upon FirebaseAppCheckInterop, FirebaseAuthInterop, FirebaseCore, FirebaseCoreExtension, and GoogleUtilities, which do not define modules. To opt into those targets generating module maps (which is necessary to

프로젝트에 파이어베이스 연동 중 ios 빌드과정에서 발생한 에러 해결1. Podfile에서 use_modular_headers! 사용...platform :ios, min_ios_version_supportedprepare_react_native_project!use_frameworks! //추가use_modular_headers! //추가... 2.  Podfile에서 특정 Pod에 대해 :modular_headers => true 사용target 'AllMyFavorite' do  config = use_native_modules!  pod 'Firebase/Storage', :modular_headers => true //추가  pod 'Firebase/Auth', :modular_headers..

Development/Error 2025.03.26

[study] 기존 포트 :8081 말고 새로운 포트를 시작하는 방법

한 컴퓨터에서 두 개의 프로젝트가 동작할 수 있도록 하고 싶었다.기존 8081 말고 새로운 포트를 시작하는 방법은 간단하다! npx react-native start --port=8082 (캐시 최적화를 하려면 뒤에 --reset-cache 이 문장을 붙여주면 된다.npx react-native start --port=8082 --reset-cache 다만, 안드로이드/ ios를 시작할 때에도 port를 명시해주어야 한다.그렇게 하지 않으면 열려있는 port= 8081에 연결되거나 새로 터미널이 열리면서 8081 포트가 실행되었다.나의 경우 조금 시행착오를 겪었었는데, 첫 번째 당황!1.  npm run android / npm run ios를 하면 8081에 연결됨2. npm run-android --..

[study] The project is using an incompatible version (AGP 8.8.0) of the Android Gradle plugin. Latest supported version is AGP 8.5.1

새로 만든 프로젝트가 최신 업데이트된 내용이라서 그런지 안드로이드 스튜디오에서 ./gradlew clean을 하면 successful인데,try sync를 하려고만 하면 The project is using an incompatible version (AGP 8.8.0) of the Android Gradle plugin. Latest supported version is AGP 8.5.1이 에러가 나온다... 검색해 보니 안드로이드 스튜디오 버전과 맞지 않은 것(?)확인하는 방법 : Mac 기준!저걸 눌러보면 확인해 준다.요렇게!업데이트 글자를 누르면 안드로이드 스튜디오 웹사이트로 이동하는데,설치 전에 기존 앱은 삭제하고 받는 것이 좋다.안드로이드 스튜디오를 삭제 후 새 버전으로 업데이트하고, 실행하면..

[study] 포트폴리오 재구성! 새 프로젝트 만들기 시작

프론트엔드 2년 차현재도 공부는 진행 중 학원 다닐 때 만들었던 포트폴리오를 다시 만들어야겠다는 생각이 들었다!내가 구현할 수 있는 부분을 모아 한 프로젝트에 담을 예정이다.이전과 달리 백엔드를 구성해 보기도 하고, 피그마라는 디자인 툴을 이용해보기도 할 것이다. 1. 프로젝트 생성!npx react-native init AwesomeProject오랜만에 만들어서인지 바로 문제가 발생했다.Copying template에서 넘어가지 않는다....(에러 내용 : Copying templateerror Installing pods failed. This doesn't affect project initialization and you can safely proceed.However, you will need ..

[error]모달이 덜덜 떨리는 현상 수정

바텀 모달에서 새로운 바텀모달을 열었더니 덜덜 떨린다.  수정한 모달은 떨리지 않는다.계속 뭘까 이것, 저것 시도를 해보았다.왜 떨릴까 생각하니까 높이(위치)때문인가? 하는 의문에 높이를 지정해 보았더니딱! 멈추었다. 나의 경우 이메일 주소를 입력해야 해서 키보드가 위로 올라와야 했고,KeyboardAvoidingView를 사용했다. [수정한 코드]       behavior={Platform.OS === 'ios' ? 'padding' : 'height'}      style={{        backgroundColor: '#fff',        borderTopRightRadius: 15 * width,        borderTopLeftRadius: 15 * width,      }}>    ..

Development/Error 2025.03.18

[study] WebView->React->특정 Url 로 이동하는 방법

기존 앱에서 Webview를 이용하여 리액트 페이지와 연결하여 사용 중이었다.리액트로 만든 페이지를 앱에서 특정 버튼을 눌렀을 때 보여주는 방식이다.문제! : 앱에서 버튼을 누르면 특정 url로 이동해야 한다.! 이경우를 설계 당시 생각했다면 webview의 source에 특정 url을 받는 경우를 특정하여 바로 이동시켰겠지만, 이미 배포된 이후이고,,무조건 리액트 페이지에서 해당 동작을 수행해야 하는 상황이다.처음에는 window.open 메서드를 생각했지만.이 경우는 버튼을 누르는 등의 동작이 있어야 해당 페이지로 이동이 가능했다.useEffect에 담아도 마찬가지로,,, 앱 내에서는 동작하지 않는다. 그러다가 발견하게 된 방법!window.location.href 이다 이것은 특정 url 페이지로 ..

[study] android gradle 7.4.2 -> 8.2.0 업데이트과정

패키지에 있는 그래들 버전이 낮아서 안드로이드에서 앱이 실행되지 않는 현상이 발생되었다...!!!8로 업데이트 되었을 때 중요한 점이 namespace가 필수인 것..!업데이트를 할 때에는 안드로이드 스튜디오에서 진행하였다. 시행착오 끝에 해결된 방법을 적어본다. 1. build.gradle 파일에서buildToolsVersion = "34.0.0"compileSdkVersion = 34targetSdkVersion = 34변경한다.2. gradle-wrapper.properties 파일에서distributionUrl=https\://services.gradle.org/distributions/gradle-8.2-all.zip내가 올리고자 하는 버전으로 변경우선 이렇게 하고 ./gradlew clean을..

728x90