본문 바로가기

전체 글173

[IOS 에러 해결] Xcode 아카이브(Archive) main.jsbundle does not exist 에러 출시버전의 앱을 다 만들고 ios에 배포하려고 들뜬 마음으로 아카이브를 하는데 자꾸 build failed가 뜬다.. build failed 만큼 기운빠지는 단어도 없는듯 ㅠ 1. 에러 상황 에러코드를 보니까 내 디렉토리 주소가 쭉 적혀있고 제일 뒤에 main.jsbundle does not exist 라고 적혀있다. 에러는 역시 구글링이지 2. 해결 방법 1) package.json의 script 부분에 아래 코드를 추가한다. "build:ios": "react-native bundle --entry-file='index.js' --bundle-output='./ios/main.jsbundle' --dev=false --platform='ios'" 2) 루트폴더 디렉토리에서 아래 코드를 실행하면 ios.. 2022. 1. 4.
[React Native 에러 해결] IOS, No bundle URL present 1. 에러 상황 이유는 모르겠으나 No bundle URL present 에러가 발생했다. 아마 이것저것 만지다보니 나도 모르게 잘못 건드린거같다 ㅠ 2. 해결방법 해결방법이 간단하다. 다행.. 첫번째 방법) ios/build 폴더를 삭제한다. 또는 두번째 방법) Xcode에서 빌드 폴더를 클린해준다. 그랬더니! 굿쟙 RN으로 만든 영단어 앱테크 어플 (출시 후 매일 100명 가입중!) 아이폰> ‎캐시보카 - 돈버는 영단어 앱테크 ‎단어를 맞추면 1캐시가 적립돼요. 적립된 캐시는 네이버 포인트로 전환할 수 있어요. apps.apple.com 2022. 1. 4.
[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.

티스토리툴바