3.컴포넌트 만들기

컴포넌트 : '구성요소'라는 의미. 인터페이스를 구성하는 요소

1. 컴포넌트 만들기
   • Greeting.js 파일 생성

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

function Greeting() {
  return (
    <View>
      <Text> 안녕하세요 함수 컴포넌트!</Text>
    </View>
  );
}

export default Greeting;

2. App.js 컴포넌트에 적용

import React from 'react';
import {SafeAreaView} from 'react-native';
import Greeting from './componets/Greeting';

const App = () => {
  return (
    <SafeAreaView>
      <Greeting />
    </SafeAreaView>
  );
};

export default App;

잘됨

3. 컴포넌트 선언할때
   const App = () => {
   or
   function Greeting() {
   중 택1

코드 잘 작성했는데 delete 'cr' 뜰때
VScode 오른쪽 하단 설정 잘 확인할것.