안드로이드 웹 뷰어 소스

- 구름IDE

https://ide.goorm.io/

- expo 공식 문서

https://docs.expo.io/versions/latest/

https://www.youtube.com/watch?v=yjPl8Injlbw&t=901s

이름 

환경세팅 - node.js 설치

nodejs 설치

https://nodejs.org/en/download

vscode 설치

https://code.visualstudio.com/

git 설치

https://git-scm.com/download/win

설치

expo install react-native-webview

npm install -g expo-cli

npm install -g eas-cli

-------------------------------

https://docs.expo.dev/build/setup/

npm install -g expo-cli

npx create-expo-app my-app

npm install -g eas-cli

npx eas login

https://expo.dev/ 계정 로그인

npx eas build:configure

eas.json 수정

https://docs.expo.dev/build-reference/apk/

npx eas build -p android --profile preview

https://docs.expo.dev/build/setup/

App.js 파일 입력

https://docs.expo.io/versions/latest/

import * as React from 'react';

import { WebView } from 'react-native-webview';

import { StyleSheet } from 'react-native';

import Constants from 'expo-constants';

export default function App() {

  return (

    <WebView

      style={styles.container}

      source={{ uri: 'https://tvchak.l' }}

    />

  );

}

const styles = StyleSheet.create({

  container: {

    flex: 1,

    marginTop: Constants.statusBarHeight,

  },

});

npx eas build -p android --profile preview

eas

{

  "cli": {

    "version": ">= 7.6.0"

  },

  "build": {

    "preview": {

      "android": {

        "buildType": "apk"

      }

    },

    "preview2": {

      "android": {

        "gradleCommand": ":app:assembleRelease"

      }

    },

    "preview3": {

      "developmentClient": true

    },

    "preview4": {

      "distribution": "internal"

    },

    "production": {}

  }

}