React Native 에서 ESLint 를 사용할 때 "ESLint: 'React' must be in scope when using JSX (react/ react-in-jsx-scope)"  오류가 나고 있다.React 17 버전 이후로는 [ import React from 'react'; ] 구문 없이도 코드를 작성할 수 있으나 ESLint는 이를 오류로 잡아내면서 발생하는 상황이다. 이를 해결하기 위해서는 위의 import 를 모든 파일에 추가하면 되지만 react 에서 안써도 된다고 변경한 구문을 일일이 써줄 필요는 없기에 .eslintrc.js 에 rule 을 추가 해주는걸로 해결하도록 하자.// .eslintrc.js{ ..., rules: { 'react/react..

React Native 를 사용한 앱을 구글 플레이 스토어에 배포하고자 심사 제출을 했을 때 다음과 같은 내용의 메일을 받았다. 선택된 텍스트 내용을 보면 YouTube 관련 정책을 위반했고 이로인해 앱 배포를 거부했다는 내용이다. 앱에 Youtube 플레이어를 삽입해 영상을 보여주는 부분이 있는데 앱이 백그라운드 상태로 넘어갈 때는 Youtube 플레이어도 정지 상태가 되어야 한다. 앱이 백그라운드 상태로 넘어가도 Youtube를 재생하기 위해서는 Youtube Prime에 가입해야 하는데, 유료 결제가 필요한 서비스를 타 앱에서 서비스 하려고하니 정책 위반이라는 것이다. 이를 해결하기 위해서는 React Native Webview 파일을 수정 해서 배포하면 된다. 1. "react-native-web..

본 글에사 사용된 Source Code의 정보는 다음과 같습니다. $ node --version v14.15.1 $ npm --version 6.14.8 $ react-native --version react-native-cli: 2.0.1 react-native: 0.63.4 $ react-native-webview --version ^11.0.2 React-native를 사용해 하이브리드 앱을 제작할 때, 웹 페이지 내부에서 자바스크립트 기본 alert 이나 confirm을 사용할 때가 있다. 물론 React-native에서 Bridge를 사용하여 React-native에서 제공되는 Alert이나 Confirm을 사용할 수는 있으나 기존에 서비스 되고있는 페이지의 특성상 앱과 웹의 통신이 불가할 때,..