728x90 ReactNative12 ReactNative_ 버전에러 ios 알람앱을 만들려고 프로토타입 앱을 git clone 하여 훑어 보았다근데 내가 사용하고 있는 RN 버전보다 높다보니 xcode 에서 발생하는 문제들이 일부 새로웠다.그중 에러가 FBReactNativeSpec 'value' is unavailable : introduced in ios 12.0 react native이런 에러가 나왔다. 기존 RN 버전도 0.6x 로 이 알람앱의 RN 버전보다 너무 낮았고 기존 ios 버전도 오래된 버전으로 되어있다 보니 버전충돌로 일어나는 문제같아 보였다.이 문제에 대한 해결 사이트를 찾아보았다.https://stackoverflow.com/questions/72729591/fbreactnativespec-h-error-after-upgrading-from-0-.. 2024. 3. 5. ReactNative_ IOS 빌드 환경 분리 IOS swift 를 개발하면서 빌드 환경을 분리해야 할것 같다는 생각이 들었다.debug , staging , release 3가지 모드를 같이 테스트해야 하는데 자꾸 bundleId 가 중복되어서 삭제하고 다시 까는 일들을 반복적으로 했기 때문에 시간이 걸렸다.그래서 바로 AOS 빌드환경 분리한 것 처럼 IOS 도 빌드환경을 분리하여 구축하게 되었다. 우선 Target -> 프로젝트 에서User-Defined 에서 BUNDLE_ID_SUFFIX , DISPLAY_NAME 을 만들어서 debug , staging , release 버전에 맞게 명칭을 붙여준다. 그리고 Product Name 에서 이 프로젝트 이름을 붙여준다 Product Name 을 클릭하면 이렇게 $(TARGET_NAME) 을 .. 2024. 3. 4. ReactNative_ AOS 의 빌드 환경 분리 오늘은 Android 개발 환경 분리에 대해 작업을 해보았음.Debug , Release, ReleaseStaging 3단계로 나뉘어서 확인해야 하는 상황이 빈번하게 발생했음.React Native 로 작업하고 있었음. 디버그로 작업하고 CodePush 이후 실제 배포버전에 올리기 전 심사버전에서 잘 돌아가는지 확인을 위해서 저렇게 3가지 단계로 빌드단계를 나누고 확인해야 했었음.AOS / IOS 둘다 빌드환경을 분리해야 하는데 우선 AOS 부터 진행했음. 우선 buildTypes 에 debug 부분에서 위의 사진처럼 설정을 해준다.저렇게 resValue string 에서 app_name 을 할때는 strings.xml 의 이 부분을 지워줘야 한다. 그리고 release 버전에서도 위의 사진처럼.. 2024. 3. 4. ReactNative_ UserAgent 의 사용 딥링크, url 등 다른 앱이나 매체 통해서 공유하면 Preview 가 나오는걸 확인할 수 있음.해당 url 이 가진 open Graph 정보를 화면에 보여주는 기능을 React Native 앱에서 구현하려 하니 이상하게 Firebase Dynamic ShortLink 만 제대로 표시가 되고 있질 않았음.확인해보니 Meta Data 가 없는것임. 그래서 구글링과 계속적인 디버깅한 결과 User-Agent 의 설정이 중요한 키였음. 그래서 위의 사진처럼 fetch 할때 User-Agent 를 설정하여 해당 url 의 open Graph 정보를 가져오려고 시도하였고 결국엔 가져오게 되었음. 하지만 위의 코드는 아직 정리중이라 나중에 좀더 완성시켜야 할 것 같음. 그래서 User-Agent 의 중요성을 새.. 2024. 3. 4. ReactNative_ 여러개의 파일 작업 후 비동기식 렌더링 ReactNative 개발 중...여러장 이미지 나 여러개 동영상 관련 작업을 모두 끝낸 후 렌더링 요청하고 싶었는데 하나의 파일 작업이 끝나면 바로 렌더링 되는 문제가 발생함.그래서 비동기식으로 진행해서 모두 끝난 후 렌더링하도록 작업을 바꾸어야 하는데 어떻게 비동기식으로 처리해야 하는지 잘 몰랐음. solution : 아래 사진처럼 async안에서 await 비동기 처리 작업을 진행하여 완료가 끝날때까지 기다리게 하여 렌더링 문제를 해결할 수 있었음. 2024. 3. 4. React Native 회사에서 작업한 ReactNative 에 대해 알아본것들을 대충 적어본것이다 나중에 다시 시작할때 바로 확인해서 유용하게 도움이 될 수 있도록 해놓았당 React Native 새로 설정할때 참고한 사이트 https://velog.io/@chloedev/React-Native-리액트-네이티브-개발-환경-구축하기Machttps://dchkang83.tistory.com/215 Ruby 버전 업데이트Homebrew 설치 $ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" $ brew --version Homebrew 4.1.18 Homebrew/homebrew-core (git revi.. 2024. 1. 31. 이전 1 2 다음 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 728x90
