React Native 66

[React Native 에러 해결] IOS Xcode, Multiple commands produce Error

1. 에러 상황 커스텀 폰트를 적용하고 Xcode로 앱을 실행하는 과정에서 Multiple commands produce Error... 이라는 에러를 만났습니다. 2. 해결방법 Xcode에서 Open target -> Build phases > Copy Bundle Resources 에서 위에 문제가 되는 파일을 삭제해주면 됩니다. 제 경우에는 에러가 난 ttf 파일이 모두 쓰이지 않는 파일이여서 싹다 삭제를 해주었는데요! 혹시나 사용해야하는 ttf 파일에서 에러가 난다면 파일이 2개가 있지는 않은지 확인해볼 필요가 있습니다. 위 캡쳐는 문제가 되는 ttf파일들을 모두 삭제한 화면입니다! 끝!

React Native/Error 2022.01.03

[React Native] android, iOS 앱 이름 변경하는 초간단 방법

제가 진행중인 영단어 앱은 프로젝트 이름과 앱 이름이 서로 다르답니다. 그래서 이번에는 앱 이름을 변경하는 방법을 기록해보려고 해요. 1. IOS 1) Xcode를 열고 왼쪽 상단 프로젝트명 클릭 > TARGETS의 프로젝트명 클릭 > General 탭 > Identify > Display Name을 변경해주면 됩니다. 초간단 Good! 2. 안드로이드 1) 프로젝트 루트 폴더의 app.json 에서 displayName변경 2) android/app/src/main/res/values/strings.xml 에서 appname 변경 내가 만든 앱 홍보 RN로 만든 주식, 코인 물타기 계산기, 수익률 계산기 앱 안드로이드> 아이폰> UN인턴이 만든 영단어 퀴즈앱 안드로이드> 아이폰>

[React Native] android, iOS 앱에 커스텀 폰트 적용하는 간단한 방법

RN에서 원하는 폰트를 적용하기 위해서는 IOS와 Android를 각각 설정해주어야 합니다. 저는 애플에서 제공하는 애플산돌고딕체 폰트를 사용했습니다. (상업적 사용 가능) 1. IOS 1) ios 폴더에 fonts 라는 폴더를 만들고, 그 안에 다운받은 폰트 파일들을 추가합니다. 2) ios폴더 안의 projectname.xcodeproj 또는 projectname.xcworkspace 파일로 Xcode를 실행합니다. 왼쪽 상단에 자신의 project명을 우클릭하여 Add Files to "project"... 를 클릭합니다. 3) 1)에서 추가한 fonts 폴더를 추가합니다. 4) 다시 왼쪽 상단의 project명을 클릭하고, TARGETS도 project명을 클릭해서 info 탭에 들어갑니다. 5)..

구글 애드몹 ID 확인하는 방법

구글 애드몹 앱 ID를 받기 위해서는 애드몹에 가입해야 해요! 아래 내용은 애드몹 가입 후에 ID를 다시 찾는 내용입니다. 1. 구글 애드몹 홈페이지 접속 https://admob.google.com/intl/ko/home/ Google AdMob: 모바일 앱 수익 창출 인앱 광고를 사용하여 모바일 앱에서 더 많은 수익을 창출하고, 사용이 간편한 도구를 통해 유용한 분석 정보를 얻고 앱을 성장시켜 보세요. admob.google.com 2. 원하는 앱 선택 3. 왼쪽에 앱 설정 클릭

[IOS] 구글 애드몹 info.plist 설정 "The Google Mobile Ads SDK was initialized without an application ID"

1. 에러 상황 Xcode로 앱을 실행할 때 애드몹 관련 에러가 발생했습니다. "The Google Mobile Ads SDK was initialized without an application ID. Google Admob publishers, ..... " 에러를 눌러보니 해결방법이 적힌 구글 애드몹 사이트로 이동합니다. 문제 원인은 Info.plist에 애드몹의 앱 ID 코드가 없어서 그런거였습니다. 애드몹 앱 ID를 찾는 방법은 여기를 확인해주세요. 2. 해결방법 방법1) 사용하는 에디터에서 info.plist 파일을 열고, 애드몹 앱 ID를 넣으면 됩니다. 또는, 방법2) Xcode에서 info.plist를 클릭해서 직접 추가해주어도 됩니다. 끝!

React Native/IOS 2022.01.03

[React Native 에러 해결] CompileSwiftSources normal x86_64

RN으로 만든 영단어 앱테크 어플 (출시 후 매일 100명씩 가입 중!) 아이폰> ‎캐시보카 - 돈버는 영단어 앱테크 ‎단어를 맞추면 1캐시가 적립돼요. 적립된 캐시는 네이버 포인트로 전환할 수 있어요. apps.apple.com 1. 에러상황 RN으로 IOS시뮬레이터를 기동하는 상황에서 아래와 같은 에러 코드 발생 CompileSwiftSources normal x86_64 com.apple.xcode.tools.swift.compiler (in target 'RNAdMob' from project 'Pods') 2. 해결책 구글링을 해보니 설치된 React-Native 버전에 따라 해결방법이 달랐습니다. 아래 깃헙 링크의 내용을 보고 해결했어요! 저는 0.63.4 버전이 설치되어 있어서 그에 맞게 p..

React Native/Error 2022.01.03