dev_H dev_H

gif 이미지를 사용해야하는데 gif, webP는 안드로이드에서 지원하지 않는다고 한다그래서 따로 관련 설정을 해주어야한다공홈을 참고해서 설정 고고 https://reactnative.dev/docs/image#gif-and-webp-support-on-android Image · React NativeA React component for displaying different types of images, including network images, static resources, temporary local images, and images from local disk, such as the camera roll.reactnative.dev  android/app/build.gradle의 디펜던시에..

폰트를 적용하기 위해 여러가지 방법을 찾아보았다1. react-native-asset 라이브러리를 사용하는 방법2. ios, android에 각각 수동으로 적용하는 방법 라이브러리로 하면 쉽지만 수동으로는 어떻게 하는지 궁금해서 2번을 선택해서 진행했다  IOS- 아래 이미지와 같이 React-Native로 만든 프로젝트 안에 ios - Fonts 디렉토리에 사용하고자 하는 폰트 파일들을 넣어준다   - xcode를 열고 폰트를 적용해주면 되는데,자신의 프로젝트 - ios - 자신의프로젝트.xcodeproj을 xcode로 실행시킨다   - 프로젝트 파일을 누르고 add Files to '프로젝트이름' 을 선택 후 자신의 프로젝트 - ios.- Fonts 폴더를 선택한다(안의 폰트 파일들 말고 Fonts폴..

저번 글에서는 IOS만 쓰고 안드로이드 셋팅하는 걸 깜빡하고 안 써서 따로 작성해본다 1. Node, Watchman 설치 brew install nodebrew install watchman  이미 IOS를 셋팅할 때 설치했기 때문에 패스 2. JDK(Java Development Kit) 설치 brew tap homebrew/cask-versionsbrew install --cask zulu17brew info --cask zulu17 터미널에 공홈에서 알려주는 대로 Homebrew를 통해 오픈JDK를 설치하면 된다Zulu OpenJDK를 사용하면 인텔 기반 JDK를 사용할 때보다 M1 Mac에서 빌드 속도가 빨라진다고 한다(오호)너무 최신버전으로 설치해도 에러가 발생할 수..

포텐데이 오챌완 프로젝트를 하고 나서 기존에 웹으로 만들었던 프로젝트는 React-Native를 사용해 앱으로 만들어보기로 했다 오랜만에 React-Native하는 김에 기본 셋팅을 정리해보고자 한다 1. 설치 설치는 React-Native 공홈에 있는대로 설치하면 되기 때문에 어려운 것은 없다 https://reactnative.dev/docs/environment-setup?guide=native Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev mac의 경우에는 watchman 설치하는 거 잊지말기!..