Bleeding edge

npx @react-native-community/cli doctor //react-native 빌드 에러시 원인을 쉽게 파악하기 좋게 만들어주는 cli //사용 방법 react-native doctor npm install -g ios-deploy //Required for installing your app on a physical device with the CLI 에러 해결 keytool -exportcert -alias androiddebugkey -keystore /android/app/src/main/AndroidManifest.xml -storepass android -keypass android | openssl sha1 -binary | openssl base64 //현재 레포 키 해시..

npx kill-port //port 제거 npx clear-npx-cache //npx 캐시 정리 npx get-ip //현재 ip 보기 npx create-convention // 프로젝트 초기 세팅 만들기 npx cleanup-local-branches// 주요 브랜치를 제외하고 일괄 정리 npx knip //프로젝트 의존성 관리 git config --global push.default simple git push --force-with-lease origin feature ssh-keygen -t ed25519 //ssh key gen

export PATH=/opt/homebrew/bin:$PATH export PATH=${PATH}:$JAVA_HOME/bin export ANDROID_HOME=$HOME/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/emulator export PATH=$PATH:$ANDROID_HOME/tools export PATH=$PATH:$ANDROID_HOME/tools/bin export PATH=$PATH:$ANDROID_HOME/platform-tools eval "$(jenv init -)"

react-native에서 환경변수를 관리하는 라이브러리는 1. react-native-config 2. react-native 두 가지가 있습니다. react-native-config 같은 경우에는 초기 설정이 많이 있기 때문에, react-native-dotenv를 선택하였다. 1) install npm i react-native-config 혹은 yarn add react-native-config 2) babel config module.exports = { //... "presets": ["module:metro-react-native-babel-preset"], "plugins": [ ["module:react-native-dotenv", { "moduleName": "@env", "path":..

0) RN-Camera에 들어가기 전 고민... React Native로 카메라 앱을 만들기 위해서 크게 두 가지 View를 토이프로젝트에 넣기로 했다. 1. 카메라 앱 2. Image picker 기존에 사진을 가지고 있지 않은 경우 사진을 직접 촬용하기 위한 카메라뷰 사진을 가지고 있다면 이를 선택하기 위한 Image picker 뷰 React native에서는 카메라의 선택지가 react-native-camera(지금은 deprecate가 되어서 react-native-vision-camera)와 expork 가 있지만, react-native-camera의 오픈소스를 deprecate를 한 것을 보면 expo가 react-native보다 더 코드를 관리를 잘한다고 생각이 들어서 expo에 있는 카..

https://dpectrum.app/blog/114 https://flygoeun.tistory.com/15

https://reactnative.dev/docs/typescript

제목이 다른 사람에게도 이해가 될지 모르겠지만.. 1. 모바일 환경에서(chrome의 개발자도구에서는 안보인다.) 2. 주소창이 있다가 없어지는 경우(계속 보이는 경우나 계속 안보이는 경우에는 문제가 안생긴다.) 2번의 케이스는 touch event를 진행중일 때 발생한다. 이 viewport height에 변화가 생기는 이유는 모바일의 경우에 처음에는 주소창이 보이다가 스크롤을 움직이는 경우에는 주소창이 사라지면서 view port에 변화가 오기 때문이다. css에서는 이를 계산하는 dvh라는 것도 존재한다. 안드로이드에서는 사실 이 글을 쓰지 않아도 될 정도로 간단하게 해결되는데, 문제는 사파리에서는 dvh를 사용해도 이 문제가 생긴다. 이 문제가 발생하는 이유는 브라우저에서 스크롤 이벤트가 발생하는..