![]()
최초 작성일 : 2023.09.09 최종 수정일 : 2023.09.09 1. 개요 React Native로 앱을 개발하다 보면 다른 폰트를 사용해야 할 때가 있다. React Native에 custom font를 적용하는 방법을 정리해 보았다. 2. 적용 방법 일단 글꼴이 필요하다. 편의상 네이버에서 제공하는 글꼴을 사용했다. (글꼴의 저작권 범위를 확인하고 사용하자) 프로젝트 루트 폴더에 react-native.config.js 파일을 생성하고 아래 내용을 추가한다. module.exports = { assets:['./src/assets/fonts/'],// 글꼴 파일이 있는 폴더 경로 } 그리고 프로젝트 루트 폴더에서 아래 명령어를 입력하면 글꼴이 적용된다. // React Native 버전이 0...
![]()
최초 작성일 : 2023.09.07 최종 수정일 : 2023.09.07 React Native를 생성하고 Xcode에서 실행하려 하면 아래와 같은 오류 메세지가 나타나며 실행이 안될 때가 있다. 기억상 React Native 0.7이상의 버전부터 나타났던것 같은데 버전이 올라가면서 React Native의 기본값과 설정이 달라진 것 같다. 해결법은 간단하다. Pods 안의 React-Codegen에서 iOS Deployment Target을 12.4 이상으로 변경하면 된다. 새로운 라이브러리를 설치해서 pod install을 하게 되면 iOS Deployment Target이 다시 11.0으로 돌아간다. 그 때마다 직접 고쳐줘야 할 것 같다...
![]()
최초 작성일 : 2023.09.01 최종 수정일 : 2023.09.01 1. 개요 React Native에서 프로젝트를 생성하고 보통 아래의 명령어를 통해 프로젝트를 실행한다. // ios npm run ios // android npm run android 하지만 앱을 출시하기 위해선 결국 Xcode, Android Studio에서 앱을 빌드해야 하고, 드물지만 npm run ~ 명령어에선 정상적으로 실행됐지만 막상 Xcode, Android Studio에선 문제를 일으키는 경우도 있었다. 그래서 나는 개발을 할 때에도 가급적이면 Xcode, Android Studio에서 실행하는 편이다. 이번 포스트에서는 Xcode, Android Studio에서 React Native프로젝트를 실행하는 법을 정리해..
![]()
최초 작성일 : 2023.08.31최종 수정일 : 2023.09.01 1. 개요맥북을 포맷하고 새로 React Native 개발 환경을 세팅하려고 보니 세팅 방법이 좀 바뀌어 있었다.최신 버전에 맞게 React Native 개발환경을 세팅해보자.참고로 이 글은 대부분 공식 문서를 참고하고 있으니 homebrew같은 기본적인 세팅이 되어있다면 공식 문서만 따라가도 좋을듯 하다. React Native 개발환경 세팅 공식 문서 (Last updated on Aug 29, 2023)https://reactnative.dev/docs/environment-setup Setting up the development environment · React NativeThis page will help you insta..
