이제 결과를 확인해보세요. 다음과 같이 화면에 ‘안녕하세요 함수 컴포넌트!’가 나타났나요?

    Note ≡ Metro 실행


    yarn ios 또는 yarn android 명령어를 입력했을 때 실행되는 Metro가 꺼져 있다면 yarn ios 또는 yarn android를 한 번 더 입력하세요. iOS 시뮬레이터 또는 안드로이드 에뮬레이터가 켜져 있어도, Metro가 실행 중이 아니라면 앱에 변경이 반영되지 않습니다.

    ▲ 그림 2-1 Greeting 컴포넌트

    App 컴포넌트를 보면 컴포넌트를 선언할 때 화살표 함수 문법을 사용했습니다.

    const App = () => {
      (...)
    }

    반면 Greeting 컴포넌트에서는 function 키워드를 사용해 컴포넌트를 선언했죠.

    function Greeting() {
      (...)
    }
    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.