시뮬레이터가 실행된 후에는 App.js 파일을 열어 자동 생성된 코드를 비우고, 다음과 같이 TodoApp이라는 텍스트를 화면에 띄워보세요.

App.js

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

function App() {
  return (
    <SafeAreaView>
    <View>
      <Text>TodoApp</Text>
    </View>
    </SafeAreaView>
  );
}

const styles = StyleSheet.create({});

export default App;

App 컴포넌트에 TodoApp 텍스트가 잘 나타났나요?

현재 styles는 사용하지 않지만 나중에 사용할 예정이므로 남겨두겠습니다.

▲ 그림 3-2 App 컴포넌트 비우기