Bleeding edge

https://kinghell.tistory.com/entry/React-Native-Plugin-with-id-maven-not-found-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95 [React-Native] Plugin with id 'maven' not found. 해결 방법 Plugin with id 'maven' not found. 해결 방법 리액트 네이티브 앱 빌드 시 Plugin with id 'maven' not found 문구가 출력되며 빌드가 안되는 상황이 발생하였습니다. 찾아보니 Gradle 버전으로 인한 문제였습니다. kinghell.tistory.com 메모 : 프로젝트 끝난 후 사용하는 프로젝트에 사용하는 라이브러리에 pr 날리기!

첫 안드로이드 스튜디오 무선 디버깅 적용은 매우 잘되어서, 이런 글을 남기게 될 줄은 상상도 못했다. 이상하게도 무선 디버깅이 처음에 잘되더니 그 이후에는 이상하게 연결이 UI적으로는 되었지만 실제로는 연결이 안되었다. Step 1. 개발자 모드 켜기 요약 : 휴대전화 정보 > 소프트웨어 정보 > 빌드 번호(여러번 누르기) Step2 무선 디버깅 연결하기 개발자 옵션에서 무선 디버깅을 켜자. adb pair : 이러면 아마 페어링이 완료되었다고 나올 것이다. 아래 화면에 있는 IP 주소 및 포트를 이용하자 adb connect 주의 해야할 것은 pair는 검정 배경의 모달 위의 IP주소를, connect는 모달이 꺼진 맨 처음에 보이는 IP 주소를 입력해야한다. 그리고 android studio를 구동하..

이전에 리액트 네이티브에서 코드를 짜더라도 웹뷰만을 이용해서, 리액트 네이티브 네비게이션의 라이프 사이클에 대해서 제대로 이해를 못하고 있었다. useState를 사용할 때 차이 리액트 네이티브 네비게이션 같은 경우에는, 실제로 페이지를 전환하는 것이 아닌 여러 페이지가 동시에 떠있는 상태이기 때문에 실제로 라우터의 주소가 변하고 다시 돌아오더라도 상태가 돌아오지 않는다. useFocusEffect 위의 이미지 출처에는 다음과 같은 코드가 있다. useFocusEffect( useCallback(() => { setState(defaultValue); }, []) ); 다만, 일일이 useFocusEffect를 사용하기 보다는 커스텀 훅을 만드는 것이 좋다고 생각했다. useCleanState 어떤 훅 ..

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