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폴..

자꾸 엔터만 치면 위와 같은 에러가 아주 친절하게 같이 나왔다솔직히 개발하는데는 큰 문제는 없는 에러고 그냥 무시해도 되지만... 빨간줄이 거슬려서 설정을 아래와 같이 변경해서 해결했다 1. trailing spaces not allowed.eslintno-trailing-spaces  (vscode)settings -> trim tailing spaces 검색 -> Trim Trailing Whitespace 체크  2. Delete `⏎`eslintprettier/prettier.eslintrc.js (해당 프로젝트의 eslint 관련 설정파일에 들어가면 될듯) ->  아래와 같이 수정 // 기존 코드module.exports = {root: true,extends: '@react-native',};..

저번 글에서는 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에서 빌드 속도가 빨라진다고 한다(오호)너무 최신버전으로 설치해도 에러가 발생할 수..

전전 글에서 EXPO로 프로젝트를 생성했었다그리고 나서 폰트 적용때문에 이것저것 찾다가 뭔가 파일구조가 다른 글을 보게되었다분명히 나랑 똑같은 React-Native인 거 같은데 왜 다를까 궁금해서 찾아보니까 react-native cli로 프로젝트를 만들었다는 걸 알게 되었다.사실 공홈에도 EXPO와 React-Native CLI로 나뉘어져있다. 단지 처음에 EXPO로 만드는 방법을 배워서 편한대로 프로젝트를 만들었는데, 지금보니 도대체 차이점이 뭘까 싶었다 1. 차이점  1) EXPO- EXPO에서 제공하는 관련 라이브러리가 많고 이를 활용해 빠른 앱 구축 가능- xcode나 android studio없이도 EXPO App만 설치하면 내 휴대폰으로 바로바로 테스트 가능함- EXPO에서..

안드로이드 스튜디오에 픽셀폰 에뮬레이터도 있지만 이왕이면 사람들이 많이 사용하거나 혹은 최신 기종을 사용해서 작업하면 어떨까해서 적용해보기로 했다 1. samsung developers 접속 https://developer.samsung.com/galaxy-emulator-skin/guide.html Using a Galaxy Emulator Skin | Samsung Developer The world runs on you. developer.samsung.com 로그인을 해야 스킨을 받을 수 있기 때문에 로그인을 한 후, 원하는 기종이 속하는 시리즈 명을 누르면 됨 누르면 아래와 같이 간략하게 각 기기별 디스플레이와 해상도가 나와있다 2. 특정 경로에 스킨 파일 넣기 스킨을 다운로드 받은 후에는 압축..

포텐데이 오챌완 프로젝트를 하고 나서 기존에 웹으로 만들었던 프로젝트는 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 설치하는 거 잊지말기!..