외부 (무거운) 데이터 로딩시

폰트나 이미지 로딩시, 오래걸릴 수 있음에 대비.

1. 로딩이 완전히 끝날 때까지 대기하지 않으면 안되는 것들이 있는지 확인

2. 외부 로딩할때  useEffect() 사용은 반드시 함수로 호출해서 사용할 것.

아래 예제  const loadFont ()

...
import * as Font from 'expo-font';
import { Ionicons } from '@expo/vector-icons';

import Loading from './pages/Loading';

export default function App() {
  const [ready, setReady] = useState(false);

  const loadFont = () => {
    setTimeout(async () => {
      await Font.loadAsync({
        Roboto: require('native-base/Fonts/Roboto.ttf'),
        Roboto_medium: require('native-base/Fonts/Roboto_medium.ttf'),
        ...Ionicons.font,
      });
      await setReady(true);
    }, 1000);
  };

  useEffect(() => {
    loadFont();
  }, []);

await을 활용하고,

try - catch () 함수를 이용해서, 혹시 오류가 있는 경우 firebase에서 던져진(!) 그 오류내용을 넘겨받아서(catch) 

나름의 error-handler 를 구현할것

    await Font.loadAsync({