통신보안

네 RN + expo 이용했습니다

공유 감사해요! 그럼 앱을 위한 RN 따로 웹을 위한 React 따로 있는거군요? 저도 next로 웹 만들었는데 그 코드를 최대한 활용해서 RN 앱을 만들 수 있는 방법은 딱히 없는건지 궁금하네요 native wind나 solito를 이용하면 좀 나아지는건지

통신보안은 RN 으로 웹개발했습니다~ solito 를 사용하는 방법도 고려했었는데, 아직은 사용하기 이르다고 생각해서 RN 으로 만든 컴포넌트를 next 프로젝트에서 사용하는 정도로만 코드 재활용하고 있습니다. 만들어진 next 웹을 webview 이용해서 앱에서 사용할 수 있긴한데, 웹 기반 react 코드를 이용해서 앱을 빌드하는 방법은 잘 모르겠네요..

오... 자세한 설명 감사해요 🙏 웹을 RN으로 개발하셨다는건 React native web 같은 걸 이용하셨단 걸까요 아니면 RN으로 앱 개발한 컴포넌트들을 <div /> 같은걸로 변환하셨단 걸까요? 그리고 스타일은 어떻게 웹으로 호환이 되는건지 제가 앱은 잘 몰라서 재차 질문드립니다 🥺

넵 RNW (react-native-web) 이용해서 RN 코드 변형없이 재활용하는 방식으로 했어요 페이지 자체를 앱이랑 웹 동일하게 가져간건 아니고, 화면을 구성하는 컴포넌트 코드만 재활용했습니다. 모노레포로 app, web, common 정도로 프로젝트 나눴고, 공통으로 사용하는 컴포넌트는 common 에서 개발하는 방식으로 관리했습니다. web 에는 웹 특화된 코드, 특히 Next page 나 라우팅 관련된 것들이 들어갔고, app 은 app 관련된 네비게이션이나 컨텍스트 관리하는 코드 넣었습니다. 스타일은 web 화면 크기를 받아서 small, large 로 나눴고 각각 경우에 맞게 컴포넌트 스타일에 변경을 줬습니다. Next + RNW 이용해서 반응형으로 개발할때 고려하면 좋은게, 반응형 컴포넌트의 내부 컨텐츠가 SSR 이 불가능해서 SEO 에 불이익이 있을 수 있습니다. 저도 하면서 많이 고통받았어서..ㅠㅠ 경험했고 아는선에서 최대한 답변 드릴게요! 편하게 질문주세요~

와.. 자세한 답변 정말 감사드려요 거의 10년 웹 개발에서 이제 앱 개발도 하려는데 아예 RN 코드를 웹 호환되게 사용하는게 맘 편할 수도 있겠단 생각이 드네요. 제가 tailwind를 썼는데 그걸 살리려면 nativewind를 쓰는게 제일 나은거겠죠? 앱을 우선으로 개발하면 웹 코드를 살리려고 하는 것보다는 쉽게 풀릴거 같은 느낌이 드네요. Expo로 첫 삽 떴습니다 ㅎㅎ

tailwind, nativewind 는 저도 안써봐서 잘은 모르겠습니다.. expo 가 한국 특화된 기능들 (카카오로그인, 네이버지도 등) 사용이 불가능해서 불편한것도 있지만 빠르게 개발하는데는 부족함없는거 같습니다

이미 가입되어있죠~ 공익인간 제작자분도 디스콰이엇에 계신줄 몰랐습니다