리액트 웹뷰와 네이티브 사이의 관계

Question

안녕하세요! 리액트를 통해 app을 제작하려 하고 있습니다.

저는 프론트를 담당하게 되었고, 처음 공부하고 있습니다.
완성되면 배포는 할 계획이지만, 수익 창출이나 창업 등이 아닌 공부를 목적으로 진행하는 프로젝트입니다.

강의를 듣고 있는데, 정작 개발을 시작하려니 몇가지 고민이 생겨 질문 드립니다.

제작하려는 앱은 특정 가게 리스트를 보여주고, 앱 사용자가 직접 등록하는 리뷰도 보여주는 앱입니다.

1. 리액트 네이티브로 구현하려했는데, 일반적으로 웹뷰를 통해서 웹 화면을 앱으로 보여주는 방식으로 구현한다는 말을 듣게 되었습니다. 이 경우엔 리액트의 문법으로 모바일 웹 화면을 구현하여 앱에서 해당 웹페이지를 보여주는식으로 결과물이 나올 것 같은데, 이게 일반적인가요?

2. 리액트 네이티브의 문법으로 앱 자체에서 모든 화면을 구성하고 처리하는게 기존에 듣던 강의였습니다. 이 경우 제가 만들고자하는 앱의 게시물(리뷰)을 링크로 sns에 약간의 미리보기와 함께 공유하는게 불가능한가요?

시작부터 갈피를 못잡고 있네요 :/
선배님들의 조언 부탁드립니다 :)

L · Answer

React Native (이하 RN)은 네이밍에서 알 수 있듯이 네이티브 앱을 개발하는 라이브러리입니다. 웹과 전혀 무관하다고 생각하시고 작업하는게 좋습니다.
1. 웹뷰는 모바일 앱 내에서 웹 페이지를 표시하는 컴포넌트입니다. 일반적으로 앱의 일부 또는 전체 화면을 웹 사이트와 동일하게 보여주고 싶을 때 사용됩니다. 웹뷰를 사용하는 경우, 웹 애플리케이션을 리액트 또는 다른 웹 프레임워크로 구현한 후, 이를 앱 내의 웹뷰 컴포넌트에 표시하게 됩니다.

2. 공유하고자 하는 화면의 내용과 미리보기를 포함하기 위해선 웹의 open graph 메타태그들이 들어있어야 합니다. 즉 RN만으로 구성한 화면으론 이를 공유하는 것은 불가능하며 해당 화면의 공유 콘텐츠를 구성하고 있는 웹이 별도로 필요합니다.

2-1. 예를 들면 해당 웹 html 엔 body가 없더라도 head 내에 공유를 위한 메타태그들이 존재해야하며 페이지 로드 완료 시 앱의 특정 화면으로 이동시키기 위한 딥링크 적용이 필요합니다.