React native 활용해보기-2

1. 회원가입 타입 체크 + 아이/부모 별 회원가입 완료

---

2. 백엔드와 어플 연결

처음에 apk로 어플을 다운로드 받고 어플을 키니 하얀 화면에서 멈춰있었다. 이거 아무리 찾아도 해답이 안찾아져서 거의 3시간이나 걸린듯..🤣 또 로컬 백엔드 서버랑 어플과 연결이 되지 않아서 시간을 많이 날렸다.

3. 해결방법

• app.json 파일 추가 ( 이게 있어야 외부에서 들어오는걸 받을 수 있는듯 하다 )
  "config": {
  "cleartextTraffic": true
  }

• eas build:configure ( 빌드 소스파일에 환경설정을 해주는 것이라서 이거 꼭 해야함 )

• package.json
  "@react-native-community/cli": "latest" ( 추가 )
  "@react-navigation/native": "^6.0.0", ( 7.0.0 버전에서 다운그레이드 -> 다른 것과 호환이 안된듯 )
  "@react-navigation/stack": "^6.0.0",

• npx expo prebuild 로 Managed Workflow-> Bare Workflow로 전환
  AndroidManifest.xml 파일에 android:usesCleartextTraffic="true"> 추가

4. 정리

• 실제로 어플로 다운로드 받아서 실행해보니 너무너무 신기했다😎
• 지금은 로컬 서버에 연결해서 하고 있으니 CloudType이 무료로 배포 가능하다면 꼭 백엔드 배포까지 해보자 ✈