Solo.dev

1. Expo란 무엇인가요?Expo는 React Native 앱을 쉽게 개발할 수 있도록 도와주는 프레임워크입니다. Expo를 사용하면 iOS와 Android 앱을 한 번에 개발할 수 있고, 복잡한 네이티브 설정 없이 빠르게 시작할 수 있습니다.2. Expo 설치 및 프로젝트 생성1) Node.js 설치Expo를 사용하려면 먼저 Node.js와 npm(Node Package Manager)이 필요합니다. Node.js를 설치하면 npm이 자동으로 포함됩니다.2) Expo CLI 설치터미널(또는 명령 프롬프트)을 열고 Expo CLI를 설치합니다: npm install -g expo-cli3) 새로운 프로젝트 생성Expo CLI를 사용해 프로젝트를 생성합니다:npx create-expo-app MyFirs..

React Native를 활용한 앱 개발에서 Modal은 매우 유용한 컴포넌트입니다. 그런데 Modal이 Android에서는 잘 작동하지만 iOS에서만 이상한 문제가 발생하는 경우가 있습니다. 특히, 모달이 열리지 않거나 UI가 깨지는 상황은 많은 개발자들에게 혼란을 줄 수 있습니다. 이번 글에서는 이러한 문제가 왜 발생하는지, iOS와 Android의 차이는 무엇인지, 그리고 어떻게 해결할 수 있는지를 자세히 알아보겠습니다.1. iOS와 Android의 Modal 처리 방식 차이iOS: 새로운 View 계층 생성iOS에서 Modal은 기존 화면 위에 **새로운 뷰 계층(View Hierarchy)**을 생성하여 렌더링됩니다. 이 뷰는 전체 화면을 덮으며 다른 모든 요소와 독립적으로 동작합니다. 따라서,..

문제 상황앱 초기 실행 시 WebSocket 연결 문제: Google Cloud Run에 배포된 서버가 꺼진 상태에서는 WebSocket connect 이벤트가 동작하지 않음.SID 미수신: 앱에서 WebSocket으로 SID를 받아야 하는데, 서버가 꺼져 있으면 이를 받을 수 없어 정상적인 동작이 불가능.사용자 경험 문제: 서버가 꺼진 상태에서 첫 사용자는 어플을 다시 껐다 켜야 SID를 받을 수 있음.해결 방법앱 초기 진입점에서 서버 상태 확인앱 시작 시 HTTP 요청으로 Google Cloud Run 서버의 /health 엔드포인트에 상태 확인 요청을 보냄.서버가 꺼져 있다면, 이 요청을 통해 서버가 자동으로 시작됨(Google Cloud Run은 첫 요청 시 컨테이너를 활성화).Splash Scr..