ReactNative

진짜 지금까지 코딩을 하면서 만난 오류들 중에 제일 어이없고 왜 실행이 잘 되는지도 모르겠는 오류들을 만났다.위 화면을 보기 위해서 진짜 얼마나 많은 삽질을 한지 모르겠다...Rosetta 환경의 터미널에서 모든 작업을 진행할 것m1 rosetta homebrewnvm

Fix : react-native-vector-icons error

Study : useRef란 뭘까?

Feat : add TextInput with useRef

Fix : react-native-keyboard-aware-scroll-view error

Study : learn Animated.Value

Study : learn onLayout Event

애니메이션을 적용하기 위해서는 필요한게 생각보다 너무 많다.이를 사용하기 위한 커스텀 훅을 작성해서 사용해보도록 하자말 그대로 AnimatedValue를 모니터링 하기 위한 hook사용 hookuseState, useEffectreturn : realAnimValue

폰트를 사용하려고 했는데 Expo 환경에서는 문제가 없지만 핸드폰으로 옮기게 되면 문제가 발생...useEffect를 이용해서 App.js 랜더링시 async 함수를 이용해서 폰트 로딩을 시켜준다.useState를 사용해서 isLoading 값 설정하는 것 잊지 말기

안드로이드 폰에서만 view와 view 사이에 의문의 공백이 생긴다... 에뮬레이터와 ios 에서는 문제가 없는데 android native 엔진이 다르게 동작하는 걸로 예상된다.marginBottom 값을 음수로 가장 작게 -0.3을 준다.\-1 같은 값을 주게 되면

이번에 만드는 작은 사이드 프로젝트에서 Firebase를 이용한 Notification을 줄 일이 생겼다.사용 과정과 오류 해결에 대해 간단히 적어보려고 한다.위와 같이 useEffect hook에 notification 알림이 올 때 마다 로그를 찍도록 설정 하였다.

어느 순간부터 모듈이 다꼬여서 시작만 해도 이런 오류가 생겼다.uri-scheme이 지정이 안되서 생기는 오류였다.직접 android/ios에 지정이 가능 하지만 라이브러리를 이용하여 편하게 작업 또한 가능하다.