앱 프론트엔트 개발 기술 채택 관련 질문 드립니다 (Mobile Web App vs Native App)

Question

안녕하세요. 대학교 캡스톤디자인에서 물물교환 앱을 개발하려고 합니다. 이 앱에서 필요한 기능을 크게 구분한다면로그인물물교환 메인 인터페이스 (Tinder와 비슷한 Card Swiper 방식)커뮤니티 (게시판, 게시물, 댓글)채팅마이페이지정도가 있는데요.이 앱의 프론트엔드를 개발하기 위한 기술을 정하려고 하는데, 정리는 했는데 정하기가 어렵습니다.총 5가지 선택지로 추려봤습니다.React App &#43; React Native WebView - 네이티브 앱에 비해 상대적으로 쉽게 개발 가능할 수 있음 - PWA(web&#43;mobile app) 개발 가능하지만 SEO는 안 됨 - RN WebView 라이브러리로 웹앱과 RN이 통신할 수 있지만 성능 측면에서 네이티브 앱보다는 달림 - 네이티브 앱에서 제공해오던 UXUI(제스처, 애니메이션 등) 개발에 제약이 있을 수 있음 - OAuth 등 보안 관련 기능 사용 시 WebView 액세스 막아놔서 추가 네이티브 모듈 개발은 해야함 - 배포 시 서버에 버전 빌드만 하면 앱에서도 자동으로 업데이트 됨 Next.js App &#43; React Native WebView - Next.js의 SSR/SSG가 초기 로딩 시간을 줄여 사용자 경험 향상되지만 React App과 마찬가지로 WebView에 의해 성능 및 기능적 제약 존재 - React보다 쉽게 &#43; 좋은 성능으로 개발 가능하지만 어디까지나 브라우저 내에서만 유효함 - React App과 마찬가지로 네이티브 모듈 및 보안 관련 기능 이용 시 액세스가 막혀 추가 모듈 개발이 불가피함 NextJS App &#43; Capacitor &#43; Ionic - JS, HTML, CSS로 PWA 개발이 가능함 - 큰 측면에서는 위의 선택지와 다른 점이 없지만 웹 앱을 네이티브 앱으로 구축해주는 런타임이라는 점에서 차이가 있음 (WebView 사용하지 않아도 됨) - 웹앱 코드를 네이티브 모듈 코드로 번들링 하고, 이것을 Ionic이라는 UI 도구로 UI를 구성하여 좀 더 네이티브스럽게 만들 수 있다고 함 - 네이티브 API(알림, 위치, 카메라 등)에 액세스 하거나 직접 확장할 수 있음 - 신기술이며, 아직 커뮤니티 활성화가 안 되어서 개발 시 어려움이 많을 수 있고 성능을 신뢰할 수 없음 React Native &#43; Expo CLI - RN에서 네이티브 코드로 개발 시 TSX 코드가 네이티브 코드로 컴파일되므로 웹뷰보다 좋은 성능을 얻을 수 있음 - Expo SDK로 다양한 네이티브 모듈 API를 이용가능하고, 개발 및 배포 프로세스가 간소화되어 개발 효율성 높일 수 있음 - 제공하지 않는 네이티브 모듈의 경우 사용 자체를 못함 React Native CLI - 모든 네이티브 기능에 액세스 할 수 있어 성능 면에서 가장 최적함 - 초기 세팅 및 개발, 빌드 프로세스에 필요한 것이 많아 시간 오래 걸리고 무거움 - 개발자가 네이티브 코드를 직접 수정하고 관리해야해서 추가적인 학습 및 작업 필수 (Xcode - Object C, Swift / ANS - Java) 쟁점으로는 다음과 같습니다.웹이 필요한가? - 굳이 필요하진 않을 거 같다. Next.js를 사용한다면 SEO에서 유리하지만 웹으로 구현하지 못하는(어려운) 네이티브 모듈이 있는가? - OAuth 통신이 WebView 라이브러리를 지원하지 않는다는 정보를 확인했다. - 그 외 네이티브 모듈을 직접 조작하는 부분에서 웹앱도 가능은 하지만 네이티브 앱에 비해 성능은 좋지 않을 것이다.아직 많은 경험을 하지 못해서 기술 선택에 어려움을 겪고 있습니다.제가 정리한 글에 틀린 부분도 있을 수 있는데, 선배 분들의 의견을 듣고 싶습니다.

앱 프론트엔트 개발 기술 채택 관련 질문 드립니다 (Mobile Web App vs Native App)

0개의 답변

Q&A 목록