Javascript/React-Native 6

[RN] React Native Admob 설치

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"광고를 붙여야 돈을 벌 수 있으니 광고를 붙여보려고 한다.근데 Android 는 좀해봤어도 IOS 개발은 안해봐서 설정에 좀 애먹다보니해당 설정하는 내용을 기록하려고 한다!Podfile 에pod 'Google-Mobile-Ads-SDK'해당 내용 추가해당 내용은target 'ProjectName' do안에 넣어주면 된다.그다음 Xcode 에서File > Add Package Dependencies... 에서https://github.com/googleads/swift-package-manager-google-mobile-ads.git추가해주면 끝!면 좋겠지만 .. 진짜 프로젝트 생성할때마다 에러를 겪어서 해당 방법을 ..

[RN] IOS Simulator Error

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"최근 이제 React Native 로 IOS 플랫폼 개발도 하다보니 맥에서 개발을 시작했는데나는 IOS 개발이 이번이 첨이라 참 .. 어려웠는데[!] Failed to load 'glog' podspec: [!] Invalid `glog.podspec` file: undefined method `[]' for nil.이 에러가 참 날 정신나가게 만들었다 ㅎpod install 을 진행할때마다 해당 에러가 발생하면서 Podfile.lock 파일이 생기지도 않았고xCode 시뮬레이터도 계속 에러만 뱉어내니 너무 답답했는데원인이 코드에 있지않아 너무 슬펐는데 xCode 의 경로를 차지 못해서 발생한 에러였다.sudo xco..

[RN] could not move temporary workspace 에러

React Native Error : java.io.UncheckedIOException: Could not move temporary workspaceWhat went wrong: java.io.UncheckedIOException: Could not move temporary workspace (C:\Users\Sreya\Desktop\sreya\love-knot\android.gradle\8.6\dependencies-accessors\stackoverflow.com아니 무슨 프로젝트를 생성할때마다 에러가 발생해 ..답답해서 이것저것 찾아보고있었는데 여기서 알려준 버전 다운그레이드가 가장 효과적이였다.IntelliJ 에러라는말도 있고 하는거보면 나도 WebStorm 사용중이라 그런가 싶긴하다.아무튼..

[RN] 기본 스플래시 화면 비활성화 & 커스텀 스플래시 화면 사용

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"스플래시 화면을 보여주는 모듈이 있다고 하여 설치하고 사용하려고 한다.react-native-splash-screen해당 모듈을 설치하고 ~App.tsx 에서 useEffect 안에 넣어주면 되는데 나는 1초의 시간동안 보여주기로 했다.useEffect(() => { setTimeout(() => { SplashScreen.hide(); }, 1000); //스플래시 활성화 시간 }, []);나는 Window 환경에서 개발하기 때문에 AOS 쪽만 설정해줬는데// MainActivity.ktoverride fun onCreate(savedInstanceState: Bundle?) { Splas..

[RN] SVG 이미지 넣는 방법

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"React Native 는 로컬에 있는 svg 파일을 바로 불러올 수 없다고 한다 .. ( 특이하네 .. )아무튼 로컬에 있는 이미지를 사용하려면 모듈을 설치해서 사용해야 한다고 하는데방법은 다음과 같다.yarn add react-native-svg모듈 설치 후 (IOS) pod install 도 해주고 ~yarn add --dev react-native-svg-transformer추가적으로 transformer 모듈도 설치해주면 import 할 수 있게 된다.마지막으로 추가적은 프로젝트 설정이 필요한데metro.config.js 파일 생성 ( 있다면 수정 )const {getDefaultConfig, mergeCon..

[RN] 프로젝트 생성하기

📱테스트 환경"react": "18.2.0""react-native": "0.74.2"최근에 React-native 개발을 준비하고있다.React로 웹개발은 해봤었는데 앱개발이 꿈이였던지라 강의들으면서 새롭게 준비하고있다.프로젝트를 생성할일이 많을 것 같아서 기록하기로 했다.최신버전 설치npx react-native init projectName특정버전 설치npx react-native@0.73.8 init ProjectName --version 0.73.8그다음 설치가 완료되면해당 프로젝트 터미널로 와서 bundle install 그다음 Android 시뮬레이터 키고 yarn start 해주면 확인할 수 있다.Ios 같은 경우에는 cd ios 폴더로 이동해 준 다음 pod install 을 실행해주..