0youn 0youn

오늘도 올리는 삽질로그... 회사에서 개발하고 있는 앱에 push 알람을 사용해야 할 필요가 있어 firebase를 사용하려고 세팅을 시작하던 중 공식 문서들을 열심히 보고 xcode에서 열심히 sdk 설정을 해도 계속 에러가 떠서 절망에 빠져있던 찰나 열심히 firebase를 뒤지다 보니 아래와 같은 해결법을 얻었다 https://firebase.google.com/docs/ios/setup?hl=ko#available-pods Apple 프로젝트에 Firebase 추가 | Firebase Documentation 의견 보내기 Apple 프로젝트에 Firebase 추가 기본 요건 다음을 설치합니다. 프로젝트가 다음 요구사항을 충족하는지 확인합니다. 프로젝트에서 다음 플랫폼 버전 이상을 타겟팅해야 합니다..

요새 몸 건강도 안좋고 해서 포스팅을 안하고 있었는데 오늘 할 포스팅 내용의 원인을 정확히 몰라 이건 꼭 기록해둬야겠다 싶어서 남기려 한다. rn에서 onLayout 이벤트를 사용하여 컴포넌트의 크기와 위치를 계산하여 특정 버튼을 클릭하면 해당 컴포넌트의 위치로 스크롤 되게 하는 코드를 짜놧었다. 근데 dev 환경에서 실행 했을 때는 잘 되던 친구가 빌드를 해서 실제로 실행하려고 보니 해당 컴포넌트가 호출 될 때 마다 앱이 꺼지는 현상이 발생했다. 원인을 찾던 중 onLayout이 실행 될 때 발생한다는 것을 깨닳고 별의 별 노가다를 다 해봣는데 정상적으로 실행이 안되서 왜 이러나 고민하던 찰나 다른데에서는 onLayout이 정상적으로 실행되고 있어 2개를 비교해보니 아주 약간의 차이가 있었다. { ca..

RN에서의 애니메이션은 복잡한듯 복잡하지 않고 안복잡한듯 복잡하다... 사용할 때 마다 찾아보는 나의 기억력이란.... 그래서 그냥 간단하게 자주 사용하는 것만 정리해서 써놓고 참고하려 정리해 봐야겠다!! 일단 RN에서는 애니메이션 전용 태그가 따로 있다. 그래서 Animated를 react-native 모듈로부터 호출해 와야 한다. import {Animated} from 'react-native'; 호출했다면 useRef 훅을 이용하여 Animated 인스턴스를 생성해야 하는데 아래와 같이 해주면 된다. const position = useRef(new Animated.Value(0)).current; 저 Animated.Value 매서드에 들어가는 전달인자는 애니메이션의 초기 값이다. 이렇게 설명하..

position fixed를 사용하고 싶은가? 아쉽지만 RN에는 fixed 옵션이 없다 ㅜㅜ 하지만 구현하는 방법은 있는데 바로 position absolute를 이용하는 방법이다. 이는 absolute가 가지고 있는 특징을 이용하여 꼼수를 쓰는 방법이라고 난 말하고 싶은데 사용해보면 생각보다 쉽게 구현할 수 있다. 먼저 absolute가 가진 속성을 이해해야 하는데 absolute는 부모 요소의 위치에 영향을 받는다 즉 부모의 위치가 고정이면 absolute를 사용하는 자식 요소의 위치도 고정이라고 할 수 있다. 자 그러면 어떻게 사용해야 할 지 알아보자 native에서 scroll은 항상 scrollview나 flatList를 사용하게 된다. 이를 사용하면 scrollview 내부에서 스크롤을 하게 ..

버튼을 클릭하면 자동으로 위치를 이동시키려 하는데 해당 요소의 값을 가져오는 방법을 알고 싶었다. view 속성중 onLayout을 이용하면 가능한데 아래와 같이 사용한다. { setIndex(route.id); setTimeout(() => { _scrollTo(); return onPress(route); }, 50); }} onLayout={e => { const layout = e.nativeEvent.layout; setDataSourceCords(() => layout); }} 위와 같이 사용하면 layout에 아래와 같은 데이터 형식이 반환된다. {"height": 33.904762268066406, "width": 49.904762268066406, "x": 417.9047546386719..