React Native67 [React Native] 앱 로고, 아이콘을 변경하는 간단한 방법 개발하면서 코드보다 더 고민되는(?) 부분이 앱 로고이기도 한데요! 이번에는 RN에서 앱 로고를 바꿔보는 방법을 적어보려고 합니다. 간단해요! 1. IOS 0) 사전준비 1024x1024 크기의 png 로고 파일이 필요해요. 저는 XD를 이용해서 간단하게 만들어봤습니다 ㅎㅎ 이제 위 파일을 가지고 generator 사이트를 이용해서 안드로이드와 ios에서 필요한 크기의 파일들로 추출할거에요. IOS아이콘 추출 사이트 > 위에 링크를 눌러서 들어가면 아래 사진처럼 나옵니다. 왼쪽에 큰 빈공간을 클릭하거나 로고파일을 드래그해서 넣으면 아이폰, 아이패드, 애플워치, 맥 사이즈에 맞추어서 로고를 추출해줘요. 아주 고마운 사이트죠 ㅎㅎ 파일을 넣고 Generate를 누르면 아래 처럼 저장이 됩니다. 1) Xcod.. 2022. 1. 4. [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파일들을 모두 삭제한 화면입니다! 끝! 2022. 1. 3. [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인턴이 만든 영단어 퀴즈앱 안드로이드> 아이폰> 2022. 1. 3. [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).. 2022. 1. 3. 구글 애드몹 ID 확인하는 방법 구글 애드몹 앱 ID를 받기 위해서는 애드몹에 가입해야 해요! 아래 내용은 애드몹 가입 후에 ID를 다시 찾는 내용입니다. 1. 구글 애드몹 홈페이지 접속 https://admob.google.com/intl/ko/home/ Google AdMob: 모바일 앱 수익 창출 인앱 광고를 사용하여 모바일 앱에서 더 많은 수익을 창출하고, 사용이 간편한 도구를 통해 유용한 분석 정보를 얻고 앱을 성장시켜 보세요. admob.google.com 2. 원하는 앱 선택 3. 왼쪽에 앱 설정 클릭 2022. 1. 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를 클릭해서 직접 추가해주어도 됩니다. 끝! 2022. 1. 3. 이전 1 ··· 8 9 10 11 12 다음
