더북(TheBook)

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

Note ≡ Metro 실행


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

▲ 그림 2-1 Greeting 컴포넌트

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

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

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

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