Build5 [React] 리액트 배포 전 보안 설정 후 빌드 React로 개발이 끝나고 배포를 위해 가비아에서 도메인도 구매했고, aws Amplify를 이용하여 main 브랜치와 연결도 했다.이 과정은 나중에 언젠가... 머지만 하면 도메인에 올라가는 것은 맞는데, 개발 환경 그대로 올려도 되는 건가?다른 작업은 따로 필요하지 않는 것인가? 하는 의문이 들었다면,절대 안된다!개발 환경 그대로 배포하게 되면, 일반 사용자들도 개발자 도구를 통해 우리가 작성한 소스 코드와 콘솔 내역까지 모두 열람할 수 있다.Sources > Page, Console 코드는 당연히 지켜야 하고, 콘솔 또한 백엔드 API URL을 지키기 위해서 삭제할 필요가 있다. 1. Source우리의 소스 코드는 그대로 사이트에 올라가는 것이 아니다. 모듈 번들러를 거쳐 조각난 후에, jsx/t.. 2024. 9. 9. [React Native/Error] No bundle URL present. : 메트로 서버 ON No bundle URL present. Make sure you're running a packager server or have included a .jsbundle file in your application bundle. 이상하게 VScode terminal에서 npm start - i command를 통해 빌드를 시도할 때는 오류가 나지 않는데, Xcode에서 빌드를 시도하면 해당 오류가 났다. 검색을 통해 .jsbundle을 프로젝트 내에 생성해주는 명령어를 사용해 보았으나 실패. 중요한 것은 뒷부분이 아니라 앞부분이었다. server가 있느냐. 혹시 몰라 VScode terminal에서 다음 command를 통해 메트로 서버를 켠 후 (빌드는 하지 않고) 다시 Xcode에서 빌드 시도해보았더.. 2024. 4. 16. [React Native/Error] Command PhaseScriptExecution failed with a nonzero exit code : 패키지 재설치 Command PhaseScriptExecution failed with a nonzero exit code. 검색해보니 해당 Error는 너무 다양한 원인으로 인해 발생하기 때문에 가지각색 해결법이 나왔다. 필자는 많은 방법을 시도했으나 통하지 않았고, 패키지 오류로 인해 발생했기 때문에 node modules 폴더를 지운 후 프로젝트 폴더에서 아래 command로 패키지 재설치한 후 다시 빌드해보니 성공했다. npm i cd ios pod install 참고로 빌드하기 전에 build clean 작업을 하는 것을 추천한다. 2024. 4. 16. [React Native/Error] No connected devices! (com.android.builder.testing.api.DeviceException: No connected devices!) : 기기 연결 Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: No connected devices! 안드로이드에서 no connected devices 에러가 나는 경우 연결된 실기기가 없거나 emulator가 꺼져 있는 것은 아닌지 확인해봐야 한다. Android Studio를 열고 가상 기기 전원을 켠 후 다시 Build해본다. 2024. 4. 16. [React Native] Android, iOS 에뮬레이터(emulator), 실기기 build (USB debugging) M3 Pro Macbook에서 React Native Setting을 마치고 Build까지 성공한 지난 글에 이어, 구체적으로 Android와 iOS가, 또 가상기기(emulator)와 실기기에서의 build 방법이 어떻게 다른지 적어보려 한다. 1. Android 1) 가상기기 (Emulator) Android Studio의 기기 관리자 (Device Emulator)에서 원하는 가상기기 전원을 켠다. 가상 기기를 생성하는 방법은 이전 글에 나와 있다. [React Native] M3 Macbook Pro에 리액트 네이티브(React-Native-Cli) 초기 세팅하기 (개발 환경 구축부터 Android, iOS 기기 Build까지) [React Native] M3 Macbook Pro에 리액트 네이티.. 2024. 4. 16. 이전 1 다음
