React-native 에서 커스텀 폰트 설정하기 (ft. expo)

리액트 네이티브에서 커스텀 폰트 적용하기는 지난번에 해봤었다가 실패했고,
오늘 Expo go 로 정말 가벼운 프로젝트를 오랜만에 개발하던 중 어쩌다가 SS-ㄱ 성공했다.

사실 엑스포(expo)로는 복잡한 앱 설계와 배포까지는 기대하기는 어려우나 [안정화 이슈가 매우 큼], to-do 앱이라던가 날씨 알려주는 앱 (프론트엔드 입문자 국룰앱) 정도는 정말 쉽게 만들 수 있는 매우 편리하면서도 강력크한 리액트네이티브 도구다.

레알 매우 감사한 도구임.

여하튼 엑스포 도구로 폴더를 만들었다고 치고 (여기까지는 알아서 해주세...)

루트폴더에

assets 
  ㄴ fonts 
     ㄴ 커스텀폰트.otf (ttf도 상관없음)
      ... 

그 다음에 react-config.js 를 루트폴더에 만듦

이전글 참고하기

app.js
  
 import { useFonts } from 'expo-font';
 import React, { useState } from 'react';
  
  ... [중략]
  
 
 export default function App() {
  
  const [loaded] = useFonts({
    Pretendard : require('./assets/fonts/PretendardVariable.ttf'),
  });
  
  if (!loaded) {
    return null;
  }
  
  
  return (
  
  
  
  ...[여기는 각자 알아서] 
  
  
  
  );
  }
  
  
  const styles = StyleSheet.create({
  
  ... [생략]
 
  

$ brew install watchman