Flow를 사용하면 개발하면서 실수한 것들을 런타임이 아닌 개발 단계에서 바로바로 확인할 수 있다는 큰 장점이 있습니다. Flow는 충분히 좋은 도구입니다. 하지만 이 책에서는 Flow를 사용하는 것을 권장하지 않습니다. 그 대신 타입스크립트(TypeScript)를 사용할 것입니다.

타입스크립트는 Flow보다 인지도가 훨씬 높고 더욱 큰 커뮤니티를 가지고 있습니다. 뿐만 아니라 IDE 지원이 아주 훌륭합니다. 반면 Flow는 인지도가 낮고, VS Code에서는 IDE 지원이 제대로 되지 않아서 느리기도 하고, 불편합니다. 타입스크립트는 이 책 후반부에 다룰 것입니다.

Flow를 사용하지 않을 것이므로, App.js 파일에서 Flow를 비활성화합시다. 방법은 매우 간단합니다. 파일 최상단의 @flow를 지우고, App 컴포넌트를 선언하는 부분을 다음과 같이 변경하세요.

// 변경 전
const App: () => React$Node = () => {

// 변경 후
const App = () => {

자, 이제 App 컴포넌트의 코드들을 살펴봅시다.

import React from 'react';

맨 위에는 React를 불러오는 코드가 있습니다. 리액트 컴포넌트를 만들 때는 이 코드를 꼭 넣어줘야 합니다.