목록IOS (4)

Jion의 개발일지

[React Native] 커스텀 폰트 설정하기

오늘은 커스텀 폰트를 적용하는 방법에 대해 알아보겠습니다! 😊 커스텀 폰트는 iOS, Android 별로 설정을 각각 해줘야 합니다. 커스텀 폰트 설정은 적용하는 방법이 간단해서 따라하기 쉬울 거라고 생각합니다. 🌝 목차는 다음과 같습니다. 1. 폰트 다운로드 하기 2. iOS 설정하기 3. Android 설정하기 4. JavaScript 폰트 코드 추가 및 구현 결과 그럼 바로 시작해보겠습니다!!! :) 1. 폰트 다운로드 하기 폰트 다운을 위해 https://fonts.google.com/ 에 접속합니다. 원하는 폰트로 들어가 Download family를 클릭합니다. 2. iOS 설정하기 ios/Fonts 폴더를 만든 후, 다운로드 받은 폰트 파일을 그 안에 복사합니다. 그 후, xcode를 실행하..
React Native/개념 모음 2022. 8. 1. 18:06
[React Native] Mac에서 React Native 개발 환경 세팅

오늘은 Mac으로 React Native 개발 환경 세팅하는 방법에 대해 포스팅해보려고 합니다. 😄 먼저 React Native에 대해 간략히 알아보고, 초기 세팅하는 방법에 대해 소개해 드리겠습니다. 목차 React Native란? Homebrew 설치 Node.js 설치 Watchman 설치 React Native CLI 설치 Xcode 설치 (iOS 설정) Cocoapods 설치 (iOS 설정) JDK 설치 (android 설정) Android Studio 설치 (android 설정) React Native 프로젝트 생성 및 확인 React Native란? React Native는 페이스북에서 만든 오픈소스 모바일 애플리케이션 프레임워크입니다. 하나의 프로그래밍 언어로 IOS와 Android 모바일..
React Native/개념 모음 2022. 3. 19. 21:46
[React Native] VirtualizedLists should never be nested inside plain ScrollViews with the same orientation... 해결

🆘 😕 에러명 VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead. ❓ 🧐 원인 ScrollView와 FlatList를 중첩 사용하여 발생 먼저 ScrollView와 FlatList에 대해 알아보고, 둘을 중첩 사용하면 안 되는 이유에 대해 설명드리겠습니다! ScrollView와 FlatList란? 🧐 * ScrollView : 여러 구성 요소와 보기를 포함할 수 있는 일반 스크롤 컨테이너 * Flat..
React Native/오류 모음 2022. 2. 22. 20:52
[React Native] Task :app:mergeDebugNativeLibs FAILED 해결

에러명 : Task :app:mergeDebugNativeLibs FAILED 원인 : Android에서 캐시에 생성된 구버전의 데이터와 새롭게 생성된 빌드 데이터가 충돌을 일으켜 발생 해결 : 구 버전의 캐시를 모두 삭제 1. Android에서 gradle의 캐시를 초기화 cd android && ./gradlew clean 2. Android 재 실행 react-native run-android
React Native/오류 모음 2022. 2. 9. 20:07
Prev 1 Next