[알게된 것] React Native, iOS 배포 시, 이미지가 보이지 않을 경우

😀문제상황

프로젝트 Debug 모드에선 정상적으로 정적 자산(image, font)이 표시되었으나, Release 즉 배포 후 앱에선 아무것도 표시되지 않음

빌드 과정에서 오류가 발생하여 main.jsbundle 파일을 생성하였던 것이 문제의 시발점

😎해결방안

"build:ios": "react-native bundle --entry-file='index.js' --bundle-output='./ios/main.jsbundle' --dev=false --platform='ios'"

1. 해당 구문을 그대로 작성한다 (사용자의 이미지 파일 경로는 따로 신경쓰지 않아도 맞추어 생성됨)

2. 해당 구문을 실행한다. npm run build:ios 즉, main.jsbundle을 생성한다.

3. 해당 이미지와 같이, Build Phases의 Copy Bundle Resources 에서 iOS폴더에 생성된 폴더를 할당한다.

해당 내용을 거쳐 이미지 로드 완료

참고 링크는 다음과 같음 https://stackoverflow.com/questions/62241412/react-native-image-is-not-displaying-after-xcode-11-5-upgrade