add front code

+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

+module.exports = {
+  root: true,
+  extends: '@react-native-community',
+};

+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore polyfills
+node_modules/react-native/Libraries/polyfills/.*
+
+; These should not be required directly
+; require from fbjs/lib instead: require('fbjs/lib/warning')
+node_modules/warning/.*
+
+; Flow doesn't support platforms
+.*/Libraries/Utilities/LoadingView.js
+
+[untyped]
+.*/node_modules/@react-native-community/cli/.*/.*
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow/
+
+[options]
+emoji=true
+
+esproposal.optional_chaining=enable
+esproposal.nullish_coalescing=enable
+
+module.file_ext=.js
+module.file_ext=.json
+module.file_ext=.ios.js
+
+munge_underscores=true
+
+module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/react-native/react-native-implementation'
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/node_modules/react-native/\1'
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/Image/RelativeImageStub'
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+[lints]
+sketchy-null-number=warn
+sketchy-null-mixed=warn
+sketchy-number=warn
+untyped-type-import=warn
+nonstrict-import=warn
+deprecated-type=warn
+unsafe-getters-setters=warn
+inexact-spread=warn
+unnecessary-invariant=warn
+signature-verification-failure=warn
+deprecated-utility=error
+
+[strict]
+deprecated-type
+nonstrict-import
+sketchy-null
+unclear-type
+unsafe-getters-setters
+untyped-import
+untyped-type-import
+
+[version]
+^0.105.0

+*.pbxproj -text

+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+!debug.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle
+
+# CocoaPods
+/ios/Pods/

+module.exports = {
+  bracketSpacing: false,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};

+{}
\ No newline at end of file

+import React, { Component } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { createAppContainer } from 'react-navigation';
+import { createStackNavigator } from 'react-navigation-stack'
+// import MainScreen from './components/MainScreen';
+import Login from './source/Login';
+import MainScreen from './source/MainScreen';
+import {checkUser} from './source/component/DBhelper'
+
+// const AppStackNavigator = createStackNavigator({
+//   Main:{
+//     screen: MainScreen // MainScreen 컴포넌트를 네비게이터에 등록
+//   }
+// });
+
+// export default createAppContainer(AppStackNavigator);
+
+var initialName = ''
+
+if(checkUser() == true){
+  initialName = 'MainScreen'
+}
+else initialName = 'Login'
+
+const MainNavigator = createStackNavigator({
+  Login : {screen: Login},
+  MainScreen : {screen:MainScreen},
+},
+  {initialRouteName: initialName,headerMode:'none'}
+);
+
+const App = createAppContainer(MainNavigator);
+
+export default App;

+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});

+# To learn about Buck see [Docs](https://buckbuild.com/).
+# To run your application with Buck:
+# - install Buck
+# - `npm start` - to start the packager
+# - `cd android`
+# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
+# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
+# - `buck install -r android/app` - compile, install and run application
+#
+
+load(":build_defs.bzl", "create_aar_targets", "create_jar_targets")
+
+lib_deps = []
+
+create_aar_targets(glob(["libs/*.aar"]))
+
+create_jar_targets(glob(["libs/*.jar"]))
+
+android_library(
+    name = "all-libs",
+    exported_deps = lib_deps,
+)
+
+android_library(
+    name = "app-code",
+    srcs = glob([
+        "src/main/java/**/*.java",
+    ]),
+    deps = [
+        ":all-libs",
+        ":build_config",
+        ":res",
+    ],
+)
+
+android_build_config(
+    name = "build_config",
+    package = "com.testproject",
+)
+
+android_resource(
+    name = "res",
+    package = "com.testproject",
+    res = "src/main/res",
+)
+
+android_binary(
+    name = "app",
+    keystore = "//android/keystores:debug",
+    manifest = "src/main/AndroidManifest.xml",
+    package_type = "debug",
+    deps = [
+        ":app-code",
+    ],
+)

+apply plugin: "com.android.application"
+
+import com.android.build.OutputFile
+
+/**
+ * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
+ * and bundleReleaseJsAndAssets).
+ * These basically call `react-native bundle` with the correct arguments during the Android build
+ * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
+ * bundle directly from the development server. Below you can see all the possible configurations
+ * and their defaults. If you decide to add a configuration block, make sure to add it before the
+ * `apply from: "../../node_modules/react-native/react.gradle"` line.
+ *
+ * project.ext.react = [
+ *   // the name of the generated asset file containing your JS bundle
+ *   bundleAssetName: "index.android.bundle",
+ *
+ *   // the entry file for bundle generation
+ *   entryFile: "index.android.js",
+ *
+ *   // https://facebook.github.io/react-native/docs/performance#enable-the-ram-format
+ *   bundleCommand: "ram-bundle",
+ *
+ *   // whether to bundle JS and assets in debug mode
+ *   bundleInDebug: false,
+ *
+ *   // whether to bundle JS and assets in release mode
+ *   bundleInRelease: true,
+ *
+ *   // whether to bundle JS and assets in another build variant (if configured).
+ *   // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
+ *   // The configuration property can be in the following formats
+ *   //         'bundleIn${productFlavor}${buildType}'
+ *   //         'bundleIn${buildType}'
+ *   // bundleInFreeDebug: true,
+ *   // bundleInPaidRelease: true,
+ *   // bundleInBeta: true,
+ *
+ *   // whether to disable dev mode in custom build variants (by default only disabled in release)
+ *   // for example: to disable dev mode in the staging build type (if configured)
+ *   devDisabledInStaging: true,
+ *   // The configuration property can be in the following formats
+ *   //         'devDisabledIn${productFlavor}${buildType}'
+ *   //         'devDisabledIn${buildType}'
+ *
+ *   // the root of your project, i.e. where "package.json" lives
+ *   root: "../../",
+ *
+ *   // where to put the JS bundle asset in debug mode
+ *   jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
+ *
+ *   // where to put the JS bundle asset in release mode
+ *   jsBundleDirRelease: "$buildDir/intermediates/assets/release",
+ *
+ *   // where to put drawable resources / React Native assets, e.g. the ones you use via
+ *   // require('./image.png')), in debug mode
+ *   resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
+ *
+ *   // where to put drawable resources / React Native assets, e.g. the ones you use via
+ *   // require('./image.png')), in release mode
+ *   resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
+ *
+ *   // by default the gradle tasks are skipped if none of the JS files or assets change; this means
+ *   // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
+ *   // date; if you have any other folders that you want to ignore for performance reasons (gradle
+ *   // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
+ *   // for example, you might want to remove it from here.
+ *   inputExcludes: ["android/**", "ios/**"],
+ *
+ *   // override which node gets called and with what additional arguments
+ *   nodeExecutableAndArgs: ["node"],
+ *
+ *   // supply additional arguments to the packager
+ *   extraPackagerArgs: []
+ * ]
+ */
+
+project.ext.react = [
+    entryFile: "index.js",
+    enableHermes: false,  // clean and rebuild if changing
+]
+
+apply from: "../../node_modules/react-native/react.gradle"
+
+/**
+ * Set this to true to create two separate APKs instead of one:
+ *   - An APK that only works on ARM devices
+ *   - An APK that only works on x86 devices
+ * The advantage is the size of the APK is reduced by about 4MB.
+ * Upload all the APKs to the Play Store and people will download
+ * the correct one based on the CPU architecture of their device.
+ */
+def enableSeparateBuildPerCPUArchitecture = false
+
+/**
+ * Run Proguard to shrink the Java bytecode in release builds.
+ */
+def enableProguardInReleaseBuilds = false
+
+/**
+ * The preferred build flavor of JavaScriptCore.
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US.  Note that
+ * this variant is about 6MiB larger per architecture than default.
+ */
+def jscFlavor = 'org.webkit:android-jsc:+'
+
+/**
+ * Whether to enable the Hermes VM.
+ *
+ * This should be set on project.ext.react and mirrored here.  If it is not set
+ * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode
+ * and the benefits of using Hermes will therefore be sharply reduced.
+ */
+def enableHermes = project.ext.react.get("enableHermes", false);
+
+android {
+    compileSdkVersion rootProject.ext.compileSdkVersion
+
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+
+    defaultConfig {
+        applicationId "com.testproject"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0"
+    }
+    splits {
+        abi {
+            reset()
+            enable enableSeparateBuildPerCPUArchitecture
+            universalApk false  // If true, also generate a universal APK
+            include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
+        }
+    }
+    signingConfigs {
+        debug {
+            storeFile file('debug.keystore')
+            storePassword 'android'
+            keyAlias 'androiddebugkey'
+            keyPassword 'android'
+        }
+    }
+    buildTypes {
+        debug {
+            signingConfig signingConfigs.debug
+        }
+        release {
+            // Caution! In production, you need to generate your own keystore file.
+            // see https://facebook.github.io/react-native/docs/signed-apk-android.
+            signingConfig signingConfigs.debug
+            minifyEnabled enableProguardInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+        }
+    }
+    // applicationVariants are e.g. debug, release
+    applicationVariants.all { variant ->
+        variant.outputs.each { output ->
+            // For each separate APK per architecture, set a unique version code as described here:
+            // https://developer.android.com/studio/build/configure-apk-splits.html
+            def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
+            def abi = output.getFilter(OutputFile.ABI)
+            if (abi != null) {  // null for the universal-debug, universal-release variants
+                output.versionCodeOverride =
+                        versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
+            }
+
+        }
+    }
+}
+
+dependencies {
+    implementation fileTree(dir: "libs", include: ["*.jar"])
+    implementation "com.facebook.react:react-native:+"  // From node_modules
+
+    if (enableHermes) {
+        def hermesPath = "../../node_modules/hermes-engine/android/";
+        debugImplementation files(hermesPath + "hermes-debug.aar")
+        releaseImplementation files(hermesPath + "hermes-release.aar")
+    } else {
+        implementation jscFlavor
+    }
+}
+
+// Run this once to be able to run the application with BUCK
+// puts all compile dependencies into folder libs for BUCK to use
+task copyDownloadableDepsToLibs(type: Copy) {
+    from configurations.compile
+    into 'libs'
+}
+
+apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

+"""Helper definitions to glob .aar and .jar targets"""
+
+def create_aar_targets(aarfiles):
+    for aarfile in aarfiles:
+        name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")]
+        lib_deps.append(":" + name)
+        android_prebuilt_aar(
+            name = name,
+            aar = aarfile,
+        )
+
+def create_jar_targets(jarfiles):
+    for jarfile in jarfiles:
+        name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")]
+        lib_deps.append(":" + name)
+        prebuilt_jar(
+            name = name,
+            binary_jar = jarfile,
+        )

+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:

+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
+
+    <application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" />
+</manifest>

+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+  package="com.testproject">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+
+    <application
+      android:name=".MainApplication"
+      android:label="@string/app_name"
+      android:icon="@mipmap/ic_launcher"
+      android:roundIcon="@mipmap/ic_launcher_round"
+      android:allowBackup="false"
+      android:theme="@style/AppTheme">
+      <activity
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
+        android:windowSoftInputMode="adjustResize">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+      </activity>
+      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
+    </application>
+
+</manifest>

+package com.testproject;
+
+import com.facebook.react.ReactActivity;
+
+public class MainActivity extends ReactActivity {
+
+  /**
+   * Returns the name of the main component registered from JavaScript. This is used to schedule
+   * rendering of the component.
+   */
+  @Override
+  protected String getMainComponentName() {
+    return "TestProject";
+  }
+}

+package com.testproject;
+
+import android.app.Application;
+import android.content.Context;
+import com.facebook.react.PackageList;
+import com.facebook.react.ReactApplication;
+import com.facebook.react.ReactNativeHost;
+import com.facebook.react.ReactPackage;
+import com.facebook.soloader.SoLoader;
+import java.lang.reflect.InvocationTargetException;
+import java.util.List;
+
+public class MainApplication extends Application implements ReactApplication {
+
+  private final ReactNativeHost mReactNativeHost =
+      new ReactNativeHost(this) {
+        @Override
+        public boolean getUseDeveloperSupport() {
+          return BuildConfig.DEBUG;
+        }
+
+        @Override
+        protected List<ReactPackage> getPackages() {
+          @SuppressWarnings("UnnecessaryLocalVariable")
+          List<ReactPackage> packages = new PackageList(this).getPackages();
+          // Packages that cannot be autolinked yet can be added manually here, for example:
+          // packages.add(new MyReactNativePackage());
+          return packages;
+        }
+
+        @Override
+        protected String getJSMainModuleName() {
+          return "index";
+        }
+      };
+
+  @Override
+  public ReactNativeHost getReactNativeHost() {
+    return mReactNativeHost;
+  }
+
+  @Override
+  public void onCreate() {
+    super.onCreate();
+    SoLoader.init(this, /* native exopackage */ false);
+    initializeFlipper(this); // Remove this line if you don't want Flipper enabled
+  }
+
+  /**
+   * Loads Flipper in React Native templates.
+   *
+   * @param context
+   */
+  private static void initializeFlipper(Context context) {
+    if (BuildConfig.DEBUG) {
+      try {
+        /*
+         We use reflection here to pick up the class that initializes Flipper,
+        since Flipper library is not available in release mode
+        */
+        Class<?> aClass = Class.forName("com.facebook.flipper.ReactNativeFlipper");
+        aClass.getMethod("initializeFlipper", Context.class).invoke(null, context);
+      } catch (ClassNotFoundException e) {
+        e.printStackTrace();
+      } catch (NoSuchMethodException e) {
+        e.printStackTrace();
+      } catch (IllegalAccessException e) {
+        e.printStackTrace();
+      } catch (InvocationTargetException e) {
+        e.printStackTrace();
+      }
+    }
+  }
+}

+<resources>
+    <string name="app_name">TestProject</string>
+</resources>

+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <!-- Customize your theme here. -->
+        <item name="android:textColor">#000000</item>
+    </style>
+
+</resources>

+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+
+buildscript {
+    ext {
+        buildToolsVersion = "28.0.3"
+        minSdkVersion = 16
+        compileSdkVersion = 28
+        targetSdkVersion = 28
+    }
+    repositories {
+        google()
+        jcenter()
+    }
+    dependencies {
+        classpath("com.android.tools.build:gradle:3.4.2")
+
+        // NOTE: Do not place your application dependencies here; they belong
+        // in the individual module build.gradle files
+    }
+}
+
+allprojects {
+    repositories {
+        mavenLocal()
+        maven {
+            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
+            url("$rootDir/../node_modules/react-native/android")
+        }
+        maven {
+            // Android JSC is installed from npm
+            url("$rootDir/../node_modules/jsc-android/dist")
+        }
+
+        google()
+        jcenter()
+        maven { url 'https://jitpack.io' }
+    }
+}

+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+# Default value: -Xmx10248m -XX:MaxPermSize=256m
+# org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
+
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
+
+android.useAndroidX=true
+android.enableJetifier=true

+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-5.5-all.zip
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists

+#!/usr/bin/env sh
+
+#
+# Copyright 2015 the original author or authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn () {
+    echo "$*"
+}
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+  NONSTOP* )
+    nonstop=true
+    ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin, switch paths to Windows format before running java
+if $cygwin ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=$((i+1))
+    done
+    case $i in
+        (0) set -- ;;
+        (1) set -- "$args0" ;;
+        (2) set -- "$args0" "$args1" ;;
+        (3) set -- "$args0" "$args1" "$args2" ;;
+        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Escape application args
+save () {
+    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
+    echo " "
+}
+APP_ARGS=$(save "$@")
+
+# Collect all arguments for the java command, following the shell quoting and substitution rules
+eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
+
+# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
+if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
+  cd "$(dirname "$0")"
+fi
+
+exec "$JAVACMD" "$@"

+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      http://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windows variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega

+rootProject.name = 'TestProject'
+apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
+include ':app'

+{
+  "name": "TestProject",
+  "displayName": "TestProject"
+}
\ No newline at end of file

+module.exports = {
+  presets: ['module:metro-react-native-babel-preset'],
+};

+/**
+ * @format
+ */
+
+import {AppRegistry} from 'react-native';
+import App from './App';
+import {name as appName} from './app.json';
+
+AppRegistry.registerComponent(appName, () => App);

+platform :ios, '9.0'
+require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
+
+target 'TestProject' do
+  # Pods for TestProject
+  pod 'FBLazyVector', :path => "../node_modules/react-native/Libraries/FBLazyVector"
+  pod 'FBReactNativeSpec', :path => "../node_modules/react-native/Libraries/FBReactNativeSpec"
+  pod 'RCTRequired', :path => "../node_modules/react-native/Libraries/RCTRequired"
+  pod 'RCTTypeSafety', :path => "../node_modules/react-native/Libraries/TypeSafety"
+  pod 'React', :path => '../node_modules/react-native/'
+  pod 'React-Core', :path => '../node_modules/react-native/'
+  pod 'React-CoreModules', :path => '../node_modules/react-native/React/CoreModules'
+  pod 'React-Core/DevSupport', :path => '../node_modules/react-native/'
+  pod 'React-RCTActionSheet', :path => '../node_modules/react-native/Libraries/ActionSheetIOS'
+  pod 'React-RCTAnimation', :path => '../node_modules/react-native/Libraries/NativeAnimation'
+  pod 'React-RCTBlob', :path => '../node_modules/react-native/Libraries/Blob'
+  pod 'React-RCTImage', :path => '../node_modules/react-native/Libraries/Image'
+  pod 'React-RCTLinking', :path => '../node_modules/react-native/Libraries/LinkingIOS'
+  pod 'React-RCTNetwork', :path => '../node_modules/react-native/Libraries/Network'
+  pod 'React-RCTSettings', :path => '../node_modules/react-native/Libraries/Settings'
+  pod 'React-RCTText', :path => '../node_modules/react-native/Libraries/Text'
+  pod 'React-RCTVibration', :path => '../node_modules/react-native/Libraries/Vibration'
+  pod 'React-Core/RCTWebSocket', :path => '../node_modules/react-native/'
+
+  pod 'React-cxxreact', :path => '../node_modules/react-native/ReactCommon/cxxreact'
+  pod 'React-jsi', :path => '../node_modules/react-native/ReactCommon/jsi'
+  pod 'React-jsiexecutor', :path => '../node_modules/react-native/ReactCommon/jsiexecutor'
+  pod 'React-jsinspector', :path => '../node_modules/react-native/ReactCommon/jsinspector'
+  pod 'ReactCommon/jscallinvoker', :path => "../node_modules/react-native/ReactCommon"
+  pod 'ReactCommon/turbomodule/core', :path => "../node_modules/react-native/ReactCommon"
+  pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
+
+  pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
+  pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
+  pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'
+
+
+  target 'TestProjectTests' do
+    inherit! :search_paths
+    # Pods for testing
+  end
+
+  use_native_modules!
+end
+
+target 'TestProject-tvOS' do
+  # Pods for TestProject-tvOS
+
+  target 'TestProject-tvOSTests' do
+    inherit! :search_paths
+    # Pods for testing
+  end
+
+end

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>NSAppTransportSecurity</key>
+	<dict>
+		<key>NSExceptionDomains</key>
+		<dict>
+			<key>localhost</key>
+			<dict>
+				<key>NSExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+		</dict>
+	</dict>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string></string>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+</dict>
+</plist>

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>

+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "0940"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "NO"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D2A28121D9B038B00D4039D"
+               BuildableName = "libReact.a"
+               BlueprintName = "React-tvOS"
+               ReferencedContainer = "container:../node_modules/react-native/React/React.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+               BuildableName = "TestProject-tvOS.app"
+               BlueprintName = "TestProject-tvOS"
+               ReferencedContainer = "container:TestProject.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "NO"
+            buildForArchiving = "NO"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E48F1E0B4A5D006451C7"
+               BuildableName = "TestProject-tvOSTests.xctest"
+               BlueprintName = "TestProject-tvOSTests"
+               ReferencedContainer = "container:TestProject.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E48F1E0B4A5D006451C7"
+               BuildableName = "TestProject-tvOSTests.xctest"
+               BlueprintName = "TestProject-tvOSTests"
+               ReferencedContainer = "container:TestProject.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "TestProject-tvOS.app"
+            BlueprintName = "TestProject-tvOS"
+            ReferencedContainer = "container:TestProject.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "TestProject-tvOS.app"
+            BlueprintName = "TestProject-tvOS"
+            ReferencedContainer = "container:TestProject.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "TestProject-tvOS.app"
+            BlueprintName = "TestProject-tvOS"
+            ReferencedContainer = "container:TestProject.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "0940"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "NO"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "83CBBA2D1A601D0E00E9B192"
+               BuildableName = "libReact.a"
+               BlueprintName = "React"
+               ReferencedContainer = "container:../node_modules/react-native/React/React.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "TestProject.app"
+               BlueprintName = "TestProject"
+               ReferencedContainer = "container:TestProject.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "NO"
+            buildForArchiving = "NO"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "TestProjectTests.xctest"
+               BlueprintName = "TestProjectTests"
+               ReferencedContainer = "container:TestProject.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "TestProjectTests.xctest"
+               BlueprintName = "TestProjectTests"
+               ReferencedContainer = "container:TestProject.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "TestProject.app"
+            BlueprintName = "TestProject"
+            ReferencedContainer = "container:TestProject.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "TestProject.app"
+            BlueprintName = "TestProject"
+            ReferencedContainer = "container:TestProject.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "TestProject.app"
+            BlueprintName = "TestProject"
+            ReferencedContainer = "container:TestProject.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTBridgeDelegate.h>
+#import <UIKit/UIKit.h>
+
+@interface AppDelegate : UIResponder <UIApplicationDelegate, RCTBridgeDelegate>
+
+@property (nonatomic, strong) UIWindow *window;
+
+@end

+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "AppDelegate.h"
+
+#import <React/RCTBridge.h>
+#import <React/RCTBundleURLProvider.h>
+#import <React/RCTRootView.h>
+
+@implementation AppDelegate
+
+- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
+{
+  RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
+  RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
+                                                   moduleName:@"TestProject"
+                                            initialProperties:nil];
+
+  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
+
+  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
+  UIViewController *rootViewController = [UIViewController new];
+  rootViewController.view = rootView;
+  self.window.rootViewController = rootViewController;
+  [self.window makeKeyAndVisible];
+  return YES;
+}
+
+- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
+{
+#if DEBUG
+  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
+#else
+  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
+#endif
+}
+
+@end

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="7702" systemVersion="14D136" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES">
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="7701"/>
+        <capability name="Constraints with non-1.0 multipliers" minToolsVersion="5.1"/>
+    </dependencies>
+    <objects>
+        <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner"/>
+        <placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
+        <view contentMode="scaleToFill" id="iN0-l3-epB">
+            <rect key="frame" x="0.0" y="0.0" width="480" height="480"/>
+            <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+            <subviews>
+                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Powered by React Native" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="8ie-xW-0ye">
+                    <rect key="frame" x="20" y="439" width="441" height="21"/>
+                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
+                    <nil key="highlightedColor"/>
+                </label>
+                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="TestProject" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="kId-c2-rCX">
+                    <rect key="frame" x="20" y="140" width="441" height="43"/>
+                    <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
+                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
+                    <nil key="highlightedColor"/>
+                </label>
+            </subviews>
+            <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+            <constraints>
+                <constraint firstItem="kId-c2-rCX" firstAttribute="centerY" secondItem="iN0-l3-epB" secondAttribute="bottom" multiplier="1/3" constant="1" id="5cJ-9S-tgC"/>
+                <constraint firstAttribute="centerX" secondItem="kId-c2-rCX" secondAttribute="centerX" id="Koa-jz-hwk"/>
+                <constraint firstAttribute="bottom" secondItem="8ie-xW-0ye" secondAttribute="bottom" constant="20" id="Kzo-t9-V3l"/>
+                <constraint firstItem="8ie-xW-0ye" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="MfP-vx-nX0"/>
+                <constraint firstAttribute="centerX" secondItem="8ie-xW-0ye" secondAttribute="centerX" id="ZEH-qu-HZ9"/>
+                <constraint firstItem="kId-c2-rCX" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="fvb-Df-36g"/>
+            </constraints>
+            <nil key="simulatedStatusBarMetrics"/>
+            <freeformSimulatedSizeMetrics key="simulatedDestinationMetrics"/>
+            <point key="canvasLocation" x="548" y="455"/>
+        </view>
+    </objects>
+</document>

+{
+  "images" : [
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
\ No newline at end of file

+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleDisplayName</key>
+	<string>TestProject</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>NSAppTransportSecurity</key>
+	<dict>
+		<key>NSAllowsArbitraryLoads</key>
+		<true/>
+		<key>NSExceptionDomains</key>
+		<dict>
+			<key>localhost</key>
+			<dict>
+				<key>NSExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+		</dict>
+	</dict>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string/>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+	<key>UIAppFonts</key>
+	<array/>
+</dict>
+</plist>

+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import "AppDelegate.h"
+
+int main(int argc, char * argv[]) {
+  @autoreleasepool {
+    return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
+  }
+}

+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>

+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+#import <XCTest/XCTest.h>
+
+#import <React/RCTLog.h>
+#import <React/RCTRootView.h>
+
+#define TIMEOUT_SECONDS 600
+#define TEXT_TO_LOOK_FOR @"Welcome to React"
+
+@interface TestProjectTests : XCTestCase
+
+@end
+
+@implementation TestProjectTests
+
+- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test
+{
+  if (test(view)) {
+    return YES;
+  }
+  for (UIView *subview in [view subviews]) {
+    if ([self findSubviewInView:subview matching:test]) {
+      return YES;
+    }
+  }
+  return NO;
+}
+
+- (void)testRendersWelcomeScreen
+{
+  UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];
+  NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
+  BOOL foundElement = NO;
+
+  __block NSString *redboxError = nil;
+#ifdef DEBUG
+  RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
+    if (level >= RCTLogLevelError) {
+      redboxError = message;
+    }
+  });
+#endif
+
+  while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
+    [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+    [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+
+    foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) {
+      if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
+        return YES;
+      }
+      return NO;
+    }];
+  }
+  
+#ifdef DEBUG
+  RCTSetLogFunction(RCTDefaultLogFunction);
+#endif
+
+  XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
+  XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
+}
+
+
+@end

+/**
+ * Metro configuration for React Native
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
+
+module.exports = {
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: false,
+      },
+    }),
+  },
+};

+{
+  "name": "TestProject",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "start": "react-native start",
+    "test": "jest",
+    "lint": "eslint ."
+  },
+  "dependencies": {
+    "aws-sdk": "^2.589.0",
+    "d3": "^5.14.2",
+    "express": "^4.17.1",
+    "react": "16.9.0",
+    "react-native": "0.61.4",
+    "react-native-gesture-handler": "^1.5.0",
+    "react-native-reanimated": "^1.4.0",
+    "react-native-screens": "^2.0.0-alpha.8",
+    "react-native-segmented-control-tab": "^3.4.1",
+    "react-native-svg": "^9.13.6",
+    "react-native-svg-charts": "^5.3.0",
+    "react-native-table-component": "^1.2.1",
+    "react-native-vector-icons": "^6.6.0",
+    "react-navigation": "^4.0.10",
+    "react-navigation-drawer": "^2.3.3",
+    "react-navigation-stack": "^1.10.3",
+    "react-navigation-tabs": "^2.5.6",
+    "realm": "^3.6.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.7.2",
+    "@babel/runtime": "^7.7.2",
+    "@react-native-community/eslint-config": "^0.0.5",
+    "babel-jest": "^24.9.0",
+    "eslint": "^6.6.0",
+    "jest": "^24.9.0",
+    "metro-react-native-babel-preset": "^0.57.0",
+    "react-test-renderer": "16.9.0"
+  },
+  "jest": {
+    "preset": "react-native"
+  }
+}

+import React, { Component } from 'react';
+import { View, Text, StyleSheet,ScrollView, RefreshControl } from 'react-native';
+import HistoryGraph from '../component/HistoryGraph'
+import SegmentedControlTab from "react-native-segmented-control-tab";
+import  {get_id, add_data, get_week_data, get_month_data, get_year_data, get_recent_date} from'../component/DBhelper.js';
+
+//var today = new Date();
+//today.setHours(today.getHours()+9);
+
+function total(list){
+    sum = 0;
+    for(var i =0; i< list.length; i++)
+        sum += list[i].value;
+    return sum
+}
+
+export default class HomeTab extends Component {
+    constructor(){
+        super();
+        this.state = {
+            selectedIndex: 0,
+            data: get_week_data(),
+            title: "총 " + total(get_week_data())/1000 + "kg",
+            spane: "",
+            refreshing: false,
+            ID: get_id(),
+        }
+    }
+
+    _onRefresh = () => {
+        this.setState({refresing: true});
+        this.get_diff_data();
+        this.setState({refreshing: false});
+    }
+
+    componentDidMount() {
+        const { navigation } = this.props;
+        this.focusListener = navigation.addListener('didFocus', () => {
+            this.handleIndexChange(this.state.selectedIndex);
+        });
+      }
+    
+    componentWillUnmount() {
+        this.focusListener.remove();
+    }
+
+    handleIndexChange = index => {
+        this.setState({selectedIndex: index});
+        switch(index){
+            case 0:
+                this.setState({data: get_week_data(), title: "총 " + total(get_week_data())/1000 + "kg"});
+                break;
+            case 1:
+                this.setState({data: get_month_data(), title: "총 " + total(get_month_data())/1000 + "kg"});
+                break;
+            case 2:
+                this.setState({data: get_year_data(), title: "총 " + total(get_year_data())/1000 + "kg"});
+                break;
+        }
+      };
+
+    get_diff_data(){
+        return fetch('http://testloadbalancer-1847561458.ap-northeast-2.elb.amazonaws.com/app/get_diff_data/',{
+            method:'POST',
+            headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json',
+              },
+            body:JSON.stringify({
+                ras_id : this.state.ID,
+                date : String(get_recent_date()),
+            }),
+        })
+        .then((response) => response.json())
+        .then((responseJson)=> {
+            console.log(responseJson)
+            add_data(responseJson)
+        },function(){
+        })
+        .then(()=>{this.handleIndexChange(this.state.selectedIndex)})
+        .catch((error) =>  {
+            console.error(error);
+        })
+    }
+    
+    render() {
+        return(
+            <ScrollView style = {style.container}
+                refreshControl={
+                    <RefreshControl
+                    refreshing={this.state.refreshing}
+                    onRefresh={this._onRefresh}
+                    tintColor="#000000"
+                    title="Loading..."
+                    titleColor="#0066cc"
+                    colors={["#ffffff",'#0066cc','#ffffff']}
+                    progressBackgroundColor="#0066cc"
+                    />
+                }
+            >
+            <View style = {style.container}>
+                <View style={style.header}>
+                    <Text style={style.tabName}>History </Text>
+                </View>
+
+                <View  style={{justifyContent:'center', padding: 10}}>
+                    <SegmentedControlTab
+                        values={["Week", "Month", "Year"]}
+                        selectedIndex={this.state.selectedIndex}
+                        onTabPress={this.handleIndexChange}
+                    />
+                </View>
+                <View style={{flex : 8, justifyContent:'center', padding: 10}}>
+                    <Text style ={style.date_text}>{this.state.title}</Text>
+                </View>
+                <HistoryGraph data={this.state.data} round={1000} unit="g"/>
+            </View>
+            </ScrollView>
+        )
+    }
+}
+
+const style = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    header: {
+        flex :2,
+        justifyContent : 'center',
+        padding : 10,
+    },
+    tabName:{
+        marginStart : 10,
+        textAlignVertical : 'center',
+        fontSize : 20,
+        color : "#0066cc",
+        fontWeight: 'bold',
+    },
+    date_text:{
+        fontSize :20,
+        marginStart:5,
+        textAlignVertical:'center'
+    }
+})
\ No newline at end of file

+import React, { Component } from 'react';
+import { View, Text, StyleSheet, SafeAreaView, ScrollView, Image } from 'react-native';
+import Circle from '../component/circle_component'
+import {Table, TableWrapper, Row,Rows} from 'react-native-table-component'
+import  {get_now_weight, get_today_data, add_data ,get_id, get_recent_date} from'../component/DBhelper.js';
+
+var date = new Date();
+date.setHours(date.getHours()+9);
+var month = date.getMonth()+1;
+if(month == 11){
+    month = 12
+}
+
+export default class HomeTab extends Component {
+    constructor(props){
+        super(props);
+        this.state = {
+            ID : get_id(),
+            today : date.getFullYear() + "." + month + "." + date.getDate(),
+            current_weight : get_now_weight() ,
+            table_contents : get_today_data()
+        }
+    }
+    componentDidMount() {
+        const { navigation } = this.props;
+        this.focusListener = navigation.addListener('didFocus', () => {
+            this.setState({current_weight : get_now_weight(), table_contents : get_today_data()});
+        });
+      }
+
+    componentWillUnmount() {
+        this.focusListener.remove();
+    }
+
+    get_diff_data(){
+        return fetch('http://testloadbalancer-1847561458.ap-northeast-2.elb.amazonaws.com/app/get_diff_data/',{
+            method:'POST',
+            headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json',
+              },
+            body:JSON.stringify({
+                ras_id : this.state.ID,
+                date : String(get_recent_date()),
+            }),
+        })
+        .then((response) => response.json())
+        .then((responseJson)=> {
+            console.log(responseJson)
+            add_data(responseJson);
+        },function(){
+        })
+        .then(()=>{this.setState({current_weight : get_now_weight(), table_contents : get_today_data()})})
+        .catch((error) =>  {
+            console.error(error);
+        })
+    }
+
+    render() {
+        return (
+            <View style={style.container}>
+                <View style={style.header}>
+                    <Text style={style.tabName}>Home</Text>
+                </View>
+                <View style={{flexDirection:'row',flex:0.8,backgroundColor: "rgba(230,230,230,0.5)"}}>
+                        <View style={{flex:1,justifyContent:'center'}}>
+                            <Image style={style.img}
+                            source={require("../assets/calendar.jpg")}/>
+                        </View>
+                        <View style={{flex : 8, justifyContent:'center'}}>
+                            <Text style ={style.date_text}>{this.state.today}</Text>
+                        </View>    
+                    </View>
+                <View style={this.state.current_weight}>
+                    <Circle
+                        title={this.state.current_weight/1000}
+                        onPress={()=>{this.get_diff_data()}}>
+                    </Circle>
+                </View>
+                <View style={style.waste_detail}>
+                    <SafeAreaView style={style.scroll_container}>
+                        <ScrollView style={style.scroll_page}>
+                            <Text style={style.history}>Today's History</Text>
+                            <Table>
+                                <TableWrapper>
+                                    <Row data={['시간', '증가량', '총량']} flexArr={[1, 1, 1]} textStyle={style.row_style1}/>
+                                    <Rows data={this.state.table_contents} flexArr={[1, 1, 1]} textStyle={style.row_style2}/>
+                                </TableWrapper>
+                                      
+                            </Table>
+                        </ScrollView>
+                    </SafeAreaView>
+                </View>
+                    
+            </View>
+        );
+    }
+}
+const style = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    header: {
+        flex :1,
+        justifyContent : 'center',
+    },
+    tabName:{
+        marginStart : 10,
+        textAlignVertical : 'center',
+        fontSize : 20,
+        color : "#0066cc",
+        fontWeight: 'bold',
+    },
+    current_state:{
+        flex: 5,
+        backgroundColor: "rgba(230,230,230,0.5)"
+    },
+    waste_detail:{
+        flex :5,
+        backgroundColor: "rgba(230,230,230,0.5)",
+    },
+    date_text:{
+        fontSize :20,
+        marginStart:5,
+        textAlignVertical:'center'
+    },
+    scroll_container : {
+        flex:1,
+    },
+    scroll_page:{
+        margin:20,
+        borderWidth : 1,
+    },
+    history : {
+        fontSize : 22,
+        marginBottom : 5,
+        marginStart : 5
+    },
+    content:{
+        fontSize : 15,
+    },
+    wrapper: { 
+        flexDirection: 'row' 
+    },
+    row_style1:{
+        textAlign : 'center',
+        fontSize : 18,
+        marginBottom : 5,
+        borderBottomWidth:1,
+    },
+    row_style2:{
+        borderBottomWidth:1,
+        marginVertical : 2,
+        fontSize : 15,
+        textAlign : 'center',
+    },
+    img:{
+        width :20,
+        resizeMode : 'contain',
+        alignSelf:'baseline',
+        marginStart:10,
+    },
+});
\ No newline at end of file

+import React, { Component } from 'react';
+import { View, Text, StyleSheet, TextInput, TouchableOpacity, Image } from 'react-native';
+import AddButton from '../component/AddButton'
+import {delete_all_data, deleteId, get_id} from '../component/DBhelper'
+
+var date = new Date();
+date.setHours(date.getHours()+9);
+
+export default class SettingTab extends Component {
+
+    constructor(props){
+        super(props);
+        this.state = {
+            ID : get_id(),
+            user : 'user1'
+        }
+    }
+
+    save_app_data(){
+        return fetch('http://testloadbalancer-1847561458.ap-northeast-2.elb.amazonaws.com/app/save_data/',{
+            method:'POST',
+            headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json',
+              },
+            body:JSON.stringify({
+                ras_id : this.state.ID,
+                user_id : this.state.user,
+            }),
+        })
+        .then((response) => console.log(response.json())) 
+        .then((responseJson)=> {
+            console.log(responseJson)
+        })
+        .catch((error) =>  {
+            console.error(error);
+        })
+    }
+
+    delete_id(){
+        this.setState({ID: ''})
+        //save_app_data()
+        delete_all_data()
+        deleteId()
+        this.props.navigation.navigate('Login');
+    }
+    render() {
+        return (
+            <View style={style.container}>
+                <View style={style.header}>
+                    <Text style={style.tabName}>Setting</Text>
+                </View>
+                <View style={style.content}>
+                    <View style={style.id}>
+                        <Text style={{marginStart:5, marginBottom: 10, fontSize : 15}}>Lasberry PI ID</Text>
+                        <View style={{backgroundColor:'white', height:40,width:'100%',flexDirection:'row', justifyContent:'center', alignItems:'center'}}>
+                            <View style={{flex:8}}>
+                                <Text style={{marginStart:10, fontSize : 15}}>{this.state.ID}</Text>
+                            </View>
+                            <View style={{flex:1}}>
+                                <Image style={style.img}
+                                source={require('../assets/check.jpg')}/>
+                            </View>
+                        </View>
+                        <TouchableOpacity
+                            onPress={()=>this.delete_id()}>
+                            <View style={{backgroundColor:"#0066cc", height:40,width:'100%',flexDirection:'row', justifyContent:'center', alignItems:'center', marginTop:5,}}>
+                                <View style={{flex:8}}>
+                                    <Text style={{marginStart:10, fontSize : 15, textAlign:'center'}}>Delete</Text>
+                                </View>
+                            </View>
+                        </TouchableOpacity> 
+                    </View>
+                    <View style={style.device}>
+                        <View style={{backgroundColor:'white', height:40,width:'100%',flexDirection:'row', justifyContent:'center', alignItems:'center'}}>
+                            <Text style={{marginStart:10, fontSize : 15}}>Connect New Device</Text>
+                        </View>
+                        <View style={{backgroundColor:'white', height:40,width:'100%', alignItems:'center', marginTop:5}}>
+                            <TextInput style={{marginStart:10}}
+                                placeholder="New Rasberry ID"
+                                value={this.state.text}
+                                onChangeText={(text)=>this.setState({ID:text})}/>
+                        </View>
+                        <AddButton
+                            onPress={()=>{this.save_app_data}}/>
+                    </View>
+                </View>
+            </View>
+        );
+    }
+}
+
+const style = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    header: {
+        flex :1,
+        justifyContent : 'center',
+    },
+    tabName:{
+        marginStart : 10,
+        textAlignVertical : 'center',
+        fontSize : 20,
+        color : "#0066cc",
+        fontWeight: 'bold',
+    },
+    content:{
+        flex : 8.8,
+        backgroundColor:"rgba(230,230,230,0.5)",
+        justifyContent : 'center',
+        padding : 20,
+    },
+    blank :{
+        flex:3,
+    },
+    id:{
+        alignSelf:'center',
+        width:'100%',
+        justifyContent:'center',
+        flex:1,
+    },
+    device:{
+        flex : 1,
+    },
+    blank :{
+        flex:3,
+    },
+    img:{
+        width : 30,
+        resizeMode : 'contain',
+    }
+});
\ No newline at end of file

+import React, { Component } from 'react';
+import { StyleSheet, Text, View, TextInput, Image} from 'react-native';
+import LoginButton from './component/LoginButton';
+import  {add_data} from'./component/DBhelper.js';
+
+export default class Login extends Component {
+
+    constructor(props) {
+        super(props);
+        this.state = {
+            ID: '',
+        }
+    }
+    static navigationOptions = {
+        title: 'Login',
+    };
+
+    getdata() {
+        return fetch('http://testloadbalancer-1847561458.ap-northeast-2.elb.amazonaws.com/app/get_data/'+this.state.ID)
+         .then((response) => response.json())
+         .then((responseJson) => {
+           add_data(responseJson);
+         })
+         .catch((error) => {
+           console.error(error);
+         });
+     }
+
+    navigate(){
+
+    }
+
+    render() {
+        return (
+            <View style={styles.container}>
+                <View style={styles.header}>
+                    <Text
+                        style={{textAlign : 'center', fontSize : 50, marginTop:50}}>FW IoT</Text>
+                </View>
+                <View style={styles.logo}>
+                    <Image
+                        style = {styles.img}
+                        source={require('./assets/logo.png')}/>
+                </View>
+                <View style={styles.input_div}>
+                <View 
+                        style={StyleSheet.inputPart}>
+                        <Text
+                        style={{textAlign:'center',fontSize : 40, marginTop :20}}>Food Waste IoT</Text>
+                         <Text
+                        style={{textAlign:'center',fontSize : 15, marginTop :20}}>기기 등록</Text>
+                        <TextInput
+                            style={styles.input}
+                            placeholder="ID"
+                            placeholderTextColor="#66b3ff"
+                            value={this.state.text}
+                            onChangeText={(text) => {this.setState({ID:text})}}
+                        />
+                        <LoginButton
+                            onPress={() =>{ this.getdata().then(()=>{this.props.navigation.navigate('MainScreen', { ID: this.state.ID })}) }}
+                        />
+                    </View>
+                </View>
+                <View style={styles.footer}>
+                    
+                </View>
+            </View>
+        );
+    }
+}
+
+
+const styles = StyleSheet.create({
+    input: {
+        height: 50,
+        width: 250,
+        fontSize: 20,
+        alignSelf: 'center',
+        borderColor: "#0066cc",
+        borderWidth: 1,
+        backgroundColor:"white",
+        borderRadius: 10,
+        marginTop : 20,
+    },
+    input_title: {
+        textAlign:'center',
+        fontSize : 40,
+        marginTop :20,
+    },
+    container: {
+        flex: 1,
+        backgroundColor: 'white',
+    },
+    header: {
+        flex: 2,
+        backgroundColor: 'white',
+    },
+    logo: {
+        flex: 4,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    input_div :{
+        flex: 4,
+        backgroundColor: "rgba(230,230,230,0.5)",
+        borderRadius : 20,
+         margin:20,
+
+    },
+    footer:{
+        flex : 1,
+    },
+    img:{
+        width:200,
+        resizeMode: 'contain',
+        alignSelf :'center',
+        marginStart : 30,
+    },
+});

+import React, { Component } from 'react';
+import { StyleSheet, Platform, View, Text } from 'react-native';
+import { createAppContainer } from 'react-navigation';
+import { createMaterialTopTabNavigator } from 'react-navigation-tabs'
+import HomeTab from './AppTabNavigator/HomeTab'
+import HistoryTab from './AppTabNavigator/HistoryTab'
+import SettingTab from './AppTabNavigator/SettingTab'
+import {registerID} from '../source/component/DBhelper'
+
+// 하단 탭 네비게이터 생성
+const AppTabNavigator = createMaterialTopTabNavigator({
+  Home: { screen: HomeTab },
+  History: { screen: HistoryTab },
+  Setting: { screen: SettingTab }
+},{
+  animationEnabled: true,
+  swipeEnabled: true,
+  tabBarPosition: "bottom",
+  tabBarOptions: {
+    style: {
+      ...Platform.select({
+        android:{
+          backgroundColor:'white',
+        }
+      })
+    },
+    iconStyle: { height: 10 },
+    activeTintColor: '#000',
+    inactiveTintColor: '#d1cece',
+    upperCaseLabel: true,
+    showLabel: true,
+    showIcon: true,
+  }
+});
+
+const AppTabContainer = createAppContainer(AppTabNavigator);
+
+export default class MainScreen extends Component {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+        ID: this.props.navigation.getParam('ID',''),
+    };
+  }
+  static navigationOptions = {
+    title: 'FW IOT'
+  }
+
+  render() {
+    registerID(this.state.ID);
+    return <AppTabContainer/>; // AppTabContainer 컴포넌트를 리턴한다.
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+

+import React, { Component } from 'react';
+import {
+    TouchableOpacity,
+    Text,
+    StyleSheet,
+} from 'react-native';
+
+export default class AddButton extends Component {
+    constructor(props) {
+        super(props);
+    }
+
+    static defaultProps = {
+        onPress: () => null,
+    }
+
+    render() {
+        return (
+            <TouchableOpacity
+                style={styles.button}
+                onPress={this.props.onPress}
+            >
+                <Text style={styles.title}>Register</Text>
+            </TouchableOpacity>
+        )
+    }
+}
+
+const styles = StyleSheet.create({
+    button: {
+        alignSelf: 'center',
+        padding: 10,
+        backgroundColor: "#0066cc",
+        width: 100,
+        height: 30,
+        marginTop: 10,
+        borderRadius : 20,
+        justifyContent : 'center',
+
+    },
+    title: {
+        fontSize: 15,
+        color: 'white',
+        textAlign: 'center',
+        textAlignVertical : 'center',
+    },
+});
\ No newline at end of file

+// Define your models and their properties
+import Realm from 'realm'
+
+class Waste {}
+Waste.schema = {
+  name: 'Waste',
+  properties: {
+    weight: 'int',
+    diff: 'int',
+    date: 'float',
+  }
+};
+
+class ID {}
+ID.schema={
+  name:'ID',
+  properties:{
+    id : 'string',
+  }
+};
+
+export function registerID(_id){
+  if(_id != ''){
+    realm.write(()=>{
+    let user = realm.create('ID',{id:_id});
+    console.log('success')
+  });
+  } 
+}
+
+export function checkUser(){
+  let user = realm.objects('ID');
+  console.log(user.length);
+  if(user.length>0)
+    return true;
+  return false;
+}
+
+export function get_id(){
+  let user = realm.objects('ID');
+  return user[0].id;
+}
+
+export function deleteId(){
+  let user = realm.objects('ID');
+  realm.write(()=>{
+    realm.delete(user);
+    console.log('success')
+  })
+}
+
+// Get the default Realm with support for our objects
+let realm = new Realm({schema: [Waste, ID]});
+export function add_data(responseJson){
+   for(var i = 0; i < responseJson.length; i++){
+        realm.write(() => {
+            // responseJson[0].ras_id.S
+            let myWaste = realm.create('Waste', {
+                weight: parseFloat(responseJson[i].weight.N),
+                diff: parseFloat(responseJson[i].diff.N),
+                date: parseFloat(responseJson[i].save_date.S),
+            });
+          });
+        
+        console.log(responseJson[i].save_date.S)
+    }
+    return responseJson.length;
+}
+
+export function get_now_weight(){
+    let wastes = realm.objects('Waste');
+    let recent = wastes.max('date');
+    
+    var recentWeight = wastes.filtered('date = $0', recent);
+    console.log("now_weight",recentWeight)
+    if(recentWeight.length != 0)
+      return recentWeight[recentWeight.length-1].weight;
+    else
+      return 0;
+}
+
+export function get_last_update(){
+    let recent = realm.objects('Waste').max('date');
+    let recentWeight = wastes.filtered('date = %0', recent);
+    console.log(recentWeight[0].weight)
+    return recentWeight[0].weight;
+}
+
+export function get_recent_date(){
+    
+    return realm.objects('Waste').max("date");
+}
+
+export function get_today_data(){
+  var today_start = get_today_start();
+  console.log("today_start: ",today_start)
+  let wastes = realm.objects('Waste').filtered('date >= $0',today_start);
+  var list = [];
+  for(var i = 0; i < wastes.length; i++){
+    var save_time = new Date(wastes[i].date);
+    var temp = [save_time.getHours()+":"+save_time.getMinutes()+":"+save_time.getSeconds(), wastes[i].diff, wastes[i].weight+"g"]
+    list.push(temp);
+  }
+  console.log(list);
+  console.log("count:", wastes.length)
+  return list;
+}
+
+export function get_week_data(){
+  var today = new Date();
+  var daybefore1 = new Date();
+  daybefore1.setDate(today.getDate()-1);
+  var daybefore2 = new Date();
+  daybefore2.setDate(today.getDate()-2);
+  var daybefore3 = new Date();
+  daybefore3.setDate(today.getDate()-3);
+  var daybefore4 = new Date();
+  daybefore4.setDate(today.getDate()-4);
+  var daybefore5 = new Date();
+  daybefore5.setDate(today.getDate()-5);
+  var daybefore6 = new Date();
+  daybefore6.setDate(today.getDate()-6);
+
+  var day = [daybefore6.getDay(), daybefore5.getDay(),daybefore4.getDay(),
+    daybefore3.getDay(),daybefore2.getDay(),daybefore1.getDay(), today.getDay()]
+  today = today.getTime();
+
+  daybefore1 = daybefore1.getTime();
+  daybefore2 = daybefore2.getTime();
+  daybefore3 = daybefore3.getTime();
+  daybefore4 = daybefore4.getTime();
+  daybefore5 = daybefore5.getTime();
+  daybefore6 = daybefore6.getTime();
+ 
+  let wastes1 = realm.objects('Waste').filtered('date >= $0 && date <$1', daybefore6, daybefore5).sum('diff');
+  let wastes2 = realm.objects('Waste').filtered('date >= $0 && date <$1', daybefore5, daybefore4).sum('diff');
+  let wastes3 = realm.objects('Waste').filtered('date >= $0 && date <$1', daybefore4, daybefore3).sum('diff');
+  let wastes4 = realm.objects('Waste').filtered('date >= $0 && date <$1', daybefore3, daybefore2).sum('diff');
+  let wastes5 = realm.objects('Waste').filtered('date >= $0 && date <$1', daybefore2, daybefore1).sum('diff');
+  let wastes6 = realm.objects('Waste').filtered('date >= $0 && date <$1', daybefore1, today).sum('diff');
+  let wastes7 = realm.objects('Waste').filtered('date >= $0', today).sum('diff');
+
+  
+  var week = ['SUN','MON','TUE', 'WED', 'THU', 'FRI', 'SAT'];
+  var data1 = [
+    { label: week[day[0]], value: wastes1 },
+    { label: week[day[1]], value: wastes2 },
+    { label: week[day[2]], value: wastes3 },
+    { label: week[day[3]], value: wastes4 },
+    { label: week[day[4]], value: wastes5 },
+    { label: week[day[5]], value: wastes6 },
+    { label: week[day[6]], value: wastes7 }
+  ]
+  console.log(data1)
+  return data1;
+}
+
+function getM_D(time){
+  console.log("time",time)
+  var day = new Date(time);
+  console.log(day.getDate())
+  return day.getMonth()+1+ "/" +day.getDate();
+}
+
+export function get_month_data(){
+  var day7 = (24*60*60*1000) * 7;
+  var today = new Date();
+  today.setHours(0,0,0,0);
+  var day = today.getDay();
+  var diff = today.getDate() - day + (day == 0 ? -6:1);
+  
+  var sep5 = new Date(today.setDate(diff));
+  var sep5 = sep5.getTime();
+  var sep4 = sep5 - day7;
+  var sep3 = sep4 - day7;
+  var sep2 = sep3 - day7;
+  var sep1 = sep2 - day7;
+  console.log("first day of week: ", sep5, sep4, sep3, sep2, sep1);
+
+  let wastes1 = realm.objects('Waste').filtered('date >= $0 && date <$1', sep1, sep2).sum('diff');
+  let wastes2 = realm.objects('Waste').filtered('date >= $0 && date <$1', sep2, sep3).sum('diff');
+  let wastes3 = realm.objects('Waste').filtered('date >= $0 && date <$1', sep3, sep4).sum('diff');
+  let wastes4 = realm.objects('Waste').filtered('date >= $0 && date <$1', sep4, sep5).sum('diff');
+  let wastes5 = realm.objects('Waste').filtered('date >= $0', sep5).sum('diff');
+
+  var data2 = [
+    { label: getM_D(sep1), value: wastes1 },
+    { label: getM_D(sep2), value: wastes2 },
+    { label: getM_D(sep3), value: wastes3 },
+    { label: getM_D(sep4), value: wastes4 },
+    { label: getM_D(sep5), value: wastes5 }
+  ]
+  console.log(data2)
+  return data2;
+}
+
+export function get_year_data(){
+  var today = new Date();
+  var mon1 = new Date(today.getFullYear(), 0, 1);
+  var mon2 = new Date(today.getFullYear(), 1, 1);
+  var mon3 = new Date(today.getFullYear(), 2, 1);
+  var mon4 = new Date(today.getFullYear(), 3, 1);
+  var mon5 = new Date(today.getFullYear(), 4, 1);
+  var mon6 = new Date(today.getFullYear(), 5, 1);
+  var mon7 = new Date(today.getFullYear(), 6, 1);
+  var mon8 = new Date(today.getFullYear(), 7, 1);
+  var mon9 = new Date(today.getFullYear(), 8, 1);
+  var mon10 = new Date(today.getFullYear(), 9, 1);
+  var mon11 = new Date(today.getFullYear(), 10, 1);
+  var mon12 = new Date(today.getFullYear(), 11, 1);
+  var nYear = new Date(today.getFullYear()+1, 0, 1);
+
+  mon1 = mon1.getTime();
+  mon2 = mon2.getTime();
+  mon3 = mon3.getTime();
+  mon4 = mon4.getTime();
+  mon5 = mon5.getTime();
+  mon6 = mon6.getTime();
+  mon7 = mon7.getTime();
+  mon8 = mon8.getTime();
+  mon9 = mon9.getTime();
+  mon10 = mon10.getTime();
+  mon11 = mon11.getTime();
+  mon12 = mon12.getTime();
+  nYear = nYear.getTime();
+
+ 
+  let wastes1 = realm.objects('Waste').filtered('date >= $0 && date <$1', mon1, mon2).sum('diff');
+  let wastes2 = realm.objects('Waste').filtered('date >= $0 && date <$1', mon2, mon3).sum('diff');
+  let wastes3 = realm.objects('Waste').filtered('date >= $0 && date <$1', mon3, mon4).sum('diff');
+  let wastes4 = realm.objects('Waste').filtered('date >= $0 && date <$1', mon4, mon5).sum('diff');
+  let wastes5 = realm.objects('Waste').filtered('date >= $0 && date <$1', mon5, mon6).sum('diff');
+  let wastes6 = realm.objects('Waste').filtered('date >= $0 && date <$1', mon6, mon7).sum('diff');
+  let wastes7 = realm.objects('Waste').filtered('date >= $0 && date <$1', mon7, mon8).sum('diff');
+  let wastes8 = realm.objects('Waste').filtered('date >= $0 && date <$1', mon8, mon9).sum('diff');
+  let wastes9 = realm.objects('Waste').filtered('date >= $0 && date <$1', mon9, mon10).sum('diff');
+  let wastes10 = realm.objects('Waste').filtered('date >= $0 && date <$1', mon10, mon11).sum('diff');
+  let wastes11 = realm.objects('Waste').filtered('date >= $0 && date <$1', mon11, mon12).sum('diff');
+  let wastes12 = realm.objects('Waste').filtered('date >= $0 && date <$1', mon12, nYear).sum('diff');
+
+  var data3 = [
+    { label: 'Jan', value: wastes1 },
+    { label: 'Feb', value: wastes2 },
+    { label: 'Mar', value: wastes3 },
+    { label: 'Apr', value: wastes4 },
+    { label: 'May', value: wastes5 },
+    { label: 'Jun', value: wastes6 },
+    { label: 'Jul', value: wastes7 },
+    { label: 'Aug', value: wastes8 },
+    { label: 'Sep', value: wastes9 },
+    { label: 'Oct', value: wastes10 },
+    { label: 'Nov', value: wastes11 },
+    { label: 'Dec', value: wastes12 }
+]
+console.log(data3)
+  return data3;
+}
+
+export function delete_all_data(today){
+    let all_wastes = realm.objects('Waste');
+    realm.write(() => {
+      realm.delete(all_wastes);
+    })
+    var wastes = realm.objects('Waste')
+    console.log("delete, count: ", wastes.length)
+}
+
+function get_today_start(){
+  var today = new Date();
+  var dd = today. getDate();
+  var mm = today.getMonth();
+  var yyyy = today. getFullYear();
+
+  var togettime = new Date(yyyy,mm,dd).getTime();
+  console.log(togettime)
+  return togettime;
+}
+

+import React, { PureComponent } from 'react'
+import { View, Text, StyleSheet } from 'react-native';
+import { Svg, G, Line, Rect } from 'react-native-svg'
+import { Text as SvgText } from 'react-native-svg'
+import * as d3 from 'd3'
+
+const GRAPH_MARGIN = 20
+const GRAPH_BAR_WIDTH = 10
+const colors = {
+  axis: '#CED4DA',
+  bars: '#0066cc',
+  bardefult: '#CED4DA'
+}
+
+export default class HistoryGraph extends PureComponent {
+
+    constructor(props){
+        super(props);
+        this.handleClick = this.handleClick.bind(this);
+        this.state = {
+            kg: this.props.data[this.props.data.length - 1].value,
+            span: this.props.data[this.props.data.length -1].label,
+            index: this.props.data.length-1
+        }
+    }
+
+    handleClick = item => {
+        this.setState({span: item.label, kg: item.value});
+    }
+
+    componentDidUpdate(prevProps, prevState){
+      if (this.props.data !== prevProps.data) {
+        this.setState({
+              ...this.state,
+              kg : this.props.data[this.props.data.length - 1].value,
+              span: this.props.data[this.props.data.length -1].label,
+              index: this.props.data.length-1
+            })
+      }    
+    }
+
+    render() {
+      // Dimensions
+      const SVGHeight = 300
+      const SVGWidth = 450
+      const graphHeight = SVGHeight - 2 * GRAPH_MARGIN
+      const graphWidth = SVGWidth - 2 * GRAPH_MARGIN
+      const data = this.props.data
+
+      // X scale point
+      const xDomain = data.map(item => item.label)
+      const xRange = [0, graphWidth]
+      const x = d3.scalePoint()
+        .domain(xDomain)
+        .range(xRange)
+        .padding(1)
+
+      // Y scale linear
+      const maxValue = d3.max(data, d => d.value)
+      const topValue = Math.ceil(maxValue / this.props.round) * this.props.round
+      const yDomain = [0, topValue]
+      const yRange = [0, graphHeight]
+      const y = d3.scaleLinear()
+        .domain(yDomain)
+        .range(yRange)
+
+      // top axis and middle axis
+      const middleValue = topValue / 2
+
+      return (
+      <View>
+        <Svg width={SVGWidth} height={SVGHeight}>
+          <G y={graphHeight + GRAPH_MARGIN}>
+            {/* Top value label */}
+            <SvgText
+                x={graphWidth}
+                textAnchor="end"
+                y={y(topValue) * -1 - 5}
+                fontSize={15}
+                fill="black"
+                fillOpacity={0.4}>
+                {topValue + ' ' + this.props.unit}
+              </SvgText>
+
+            {/* top axis */}
+            <Line
+              x1="0"
+              y1={y(topValue) * -1}
+              x2={graphWidth}
+              y2={y(topValue) * -1}
+              stroke={colors.axis}
+              strokeDasharray={[3, 3]}
+              strokeWidth="1"
+            />
+
+            {/* middle axis */}
+            <Line
+              x1="0"
+              y1={y(middleValue) * -1}
+              x2={graphWidth}
+              y2={y(middleValue) * -1}
+              stroke={colors.axis}
+              strokeDasharray={[3, 3]}
+              strokeWidth="1"
+            />
+
+            {/* bottom axis */}
+            <Line
+              x1="0"
+              y1="2"
+              x2={graphWidth}
+              y2="2"
+              stroke={colors.axis}
+              strokeWidth="1"
+            />
+
+              {/* bars */}
+              {data.map(item => (
+              <Rect
+                key={'bar' + item.label}
+                x={x(item.label) - (GRAPH_BAR_WIDTH / 2)}
+                y={y(item.value) * -1}
+                rx={2.5}
+                width={GRAPH_BAR_WIDTH}
+                height={y(item.value)}
+                fill = {this.state.span == item.label ? colors.bars : colors.bardefult}
+                onPress={()=>this.handleClick(item)}
+              />
+            ))}
+
+            {/* labels */}
+            {data.map(item => (
+              <SvgText
+              key={'label' + item.label}
+              fontSize="12"
+              x={x(item.label)}
+              y="10"
+              textAnchor="middle">{item.label}</SvgText>
+            ))}
+          </G>
+          </Svg>
+          <View style={style.container}>
+            <Text>{this.state.span}</Text>
+            <View>
+              <Text>{this.state.kg/1000}kg</Text>
+            </View>
+          </View>
+        </View>
+      )
+    }
+}
+
+const style = StyleSheet.create({
+  container: {
+    flex : 8.8,
+    backgroundColor:"rgba(230,230,230,0.5)",
+    justifyContent : 'center',
+    padding : 25,
+  }
+});
\ No newline at end of file

+import React, { Component } from 'react';
+import {
+    TouchableOpacity,
+    Text,
+    StyleSheet,
+} from 'react-native';
+
+export default class LoginButton extends Component {
+    constructor(props) {
+        super(props);
+    }
+
+    static defaultProps = {
+        onPress: () => null,
+    }
+
+    render() {
+        return (
+            <TouchableOpacity
+                style={styles.button}
+                onPress={this.props.onPress}
+            >
+                <Text style={styles.title}>Login</Text>
+            </TouchableOpacity>
+        )
+    }
+}
+
+const styles = StyleSheet.create({
+    button: {
+        alignSelf: 'center',
+        padding: 10,
+        backgroundColor: "#0066cc",
+        width: 80,
+        height: 40,
+        marginTop: 10,
+        borderRadius : 20
+
+    },
+    title: {
+        fontSize: 15,
+        color: 'white',
+        textAlign: 'center',
+        textAlignVertical : 'center',
+    },
+});
\ No newline at end of file

+import React, { Component } from 'react';
+import {
+    TouchableOpacity,
+    Text,
+    StyleSheet,
+} from 'react-native';
+
+export default class LoginButton extends Component {
+    constructor(props) {
+        super(props);
+        this.state={
+            title : '',
+        }
+    }
+
+    static defaultProps = {
+        title : '',
+        onPress: () => null,
+    }
+
+    componentDidUpdate(prevProps, prevState){
+        if (this.props.data !== prevProps.data) {
+          this.setState({
+                ...this.state,
+                title: this.props.data.current_weight
+              })
+        }
+    }
+
+    render() {
+        return (
+            <TouchableOpacity
+                style={styles.button}
+                onPress={this.props.onPress}
+            >
+                <Text style={styles.title}>{this.props.title}kg</Text>
+            </TouchableOpacity>
+        )
+    }
+}
+
+const styles = StyleSheet.create({
+    button: {
+        alignSelf: 'center',
+        padding: 10,
+        width: 200,
+        height: 200,
+        borderRadius : 100,
+        marginTop : 30, 
+        justifyContent : "center",
+        alignItems : "center",
+        borderWidth : 10,
+        borderColor:"#0066cc"
+
+    },
+    title: {
+        fontSize: 30,
+        textAlign: 'center',
+        textAlignVertical : 'center',
+    },
+});
\ No newline at end of file