개발자

모두 웹뷰로 이루어진 하이브리드 웹 개발시, 개발환경

2023년 11월 06일조회 439

모든 화면이 웹뷰로 이루어진 하이브리드 앱을 개발하고 있는데 실제 AOS와 IOS 환경에서 확인하면서 개발하고 싶을때 어떻게 하고 계신지 궁금합니다 Android 스튜디오는 Android 에뮬레이터 사용, Xcode는 iOS 시뮬레이터를 켜놓고 개발 및 테스트 하는 방법말고 더 좋은 방법 있을까요?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 2

강병진님의 프로필 사진

브라우저 개발자 도구에서 디바이스를 모바일로 설정하셔서 개발하시고, 개발이 끝나면 안드로이드 스튜디오나 엑스코드로 앱 빌드해서 화면이 잘 보이는지를 확인하시는 편이 빌드 시간을 줄여서 개발하는데 더 효율적일 것 같습니다~

강용석님의 프로필 사진

저도 먼저 답변해주신분과 비슷하게 진행합니다. 1. 브라우저에서 모바일 모드로 개발 2. 시뮬레이터로 다양한 기기에서의 크로스체크 3. IOS 는 테스트플라이트로 체크 4. 안드로이드는 apk 파일 생성하여 실제 기기에서 체크

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2023년 11월 06일

실제 장치에서 테스트하는 것이 최선의 방법이지만, 모든 경우를 다루기 위해 몇 가지 추천 사항이 있습니다: 1. **브라우저에서 개발 및 테스트:** 웹 뷰는 기본적으로 브라우저에 해당하므로 크롬 등과 같은 브라우저에서 앱을 개발하고 검사하는 것이 좋습니다. 또한 이를 위해 확장 프로그램을 사용할 수 있습니다. 예를 들어, Redux DevTools는 상태 관리를 쉽게 확인하기 위한 크롬 확장 프로그램입니다. 2. **프록시 서버 사용:** Android Emulator나 iOS Simulator 대신 실제 기기에서 API서버와의 통신 문제 간에 매번 배포하지 않고 확인하기 위해 로컬 프록시 서버(예: Charles) 사용을 고려해 볼 수 있습니다. 3. **Hot Reloading:** 개발 과정에서 자주 변경 내용을 반영해야 하므로, Hot Reloading 지원하는 도구나 라이브러리(Haste, React Native 등)가 있는지 확인하셔서 코드 변경사항이 저장될 때마다 애플리케이션 UI가 자동으로 다시 로드되도록 설정하세요. 4. **Expo framework :** 하이브리드 애플리케이션 개발을 위한 프레임워크인 Expo를 사용하면 iOS, Android 모두에서 쉽게 테스트 할 수 있습니다. Expo는 앱을 빌드 할 필요 없이 실제 장치에서 직접 실행할 수 있습니다. 5. **다양한 환경 시뮬레이션:** Chrome 개발자 도구 등을 활용하여 다양한 디바이스 및 네트워크 상태를 시뮬레이션해보세요. 이 방법은 웹 앱의 반응성과 성능에 대한 초기 아이디어를 제공합니다. 6. **BrowserStack, Sauce Labs 등의 서비스 활용:** 이러한 클라우드 기반 테스팅 서비스를 사용하면 여러 기종의 실제 모바일 기기에서 웹사이트나 앱을 테스트 할 수 있습니다. 맞는 도구와 방법을 선택하는 것은 개발 과정을 크게 단축시키고 에러를 줄여줍니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!