React Native Tutorial 따라하기 📱

📌 튜토리얼을 따라한 프로젝트입니다!

1. Create New Project

react-native init ReactNativeTodos

명령어를 사용하여 ReactNativeTodos 프로젝트를 생성해줍시다!

cd ReactNativeTodos
react-native run-android 

명령어를 사용하여 앱을 실행해봅시다!

2. App.js 수정

App.js를 아래 코드처럼 수정해주세요

import React from 'react';
import {SafeAreaView, StyleSheet, Text} from 'react-native';

const App = () => {
  return (
    <SafeAreaView style={styles.container}>
      <Text>Hello World</Text>
    </SafeAreaView>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

export default App;

결과

이렇게 Hello World가 찍히면 된다!!

주의사항
react-native run android 하면 Node가 생기고

Node는 이런 화면인데 파일 수정하고 reload할 때 이 Node에서 r을 눌러줘야 한다.
'To reload the app press "r"'이란다.