profile
스타트업 빅펄에서 rn으로 '오늘의헤드라인' 앱을 개발 중이예요 🥕

[🙋‍♀️사람을 찾습니다] ios push notification의 이미지가 일부 기기에서 보이지 않는 이슈 있으신분?

firebase cloud messaging을 이용해 푸시알림을 작업했는데요.이런 상황을 겪고 있습니다.저희 회사는 dev앱, prod앱 두가지로 나눠서 개발하고 있었는데요.유독 iphone xr, prod앱의 경우 이미지가 나오지 않습니다.같은 정보의 푸시를 보내도

2021년 2월 17일
·
0개의 댓글
post-thumbnail

[RN 에러노트🔥] pod install 오류 (CocoaPods could not find compatible versions for pod ...)

pod install을 하면, 아래와 같은 오류가 자주 보이기 시작했다.CocoaPods could not find compatible versions for pod 오류인데의존성과 관련된 오류 같다.각 모듈 별로 상황에 맞는 오류 해결법을 찾기 시작했다.firebas

2021년 2월 17일
·
0개의 댓글
post-thumbnail

[react] 파일 올리기 기능인 input type="file" 스타일링 하기

이번 우리 회사에서 설 기념 이벤트 페이지를 만들었다. 이벤트 페이지는 얼굴사진을 넣고 ai로 관상을 봐주는 기능을 제공하고, 핵심 액션은 얼굴사진을 넣고, 결과 데이터를 서버에서 받아오는 조금은 간단한 기능! 오늘 블로그 내용은 얼굴사진을 넣는 뷰를 핸들링 하는 후기

2021년 2월 13일
·
0개의 댓글

[react] 새로고침하면 맨 위로 보내기

오랫만에 리액트 업무를 하다가 스크롤로 로그를 수집하는 작업이 있었는데, 새로고침 할 때마다 중간에서 리프레시 되는 점이 상당히 거슬렷다. 구글링을 조금 해봤는데 안내하는 방법들로 시도해봐도 잘 작동하지 않는다. 다양한 방법 중 내가 선택한 코드는 아래와 같다.

2021년 2월 13일
·
0개의 댓글

[react] css로 이미지 crop하기

간단하지만 과거의 나는 왜 어려워 했는 가. css의 ``object-fit: cover``를 사용하면 된다.

2021년 2월 13일
·
0개의 댓글
post-thumbnail

[RN 에러노트🔥] ios notification service extension 세팅 후 provisioning profile이 필요하다?

애증의 fcm 특히 ios noti하지만 사랑하는 마음을 담아 블로그 글을 작성해본다.푸시알림에서 이미지를 보이게 하는건 아래와 같은 상황을 뜻한다.우리 회사 앱인 오늘의헤드라인 에서는 이미지를 보냈음에도 이미지가 가지 않고,유튜브 에서 알림을 줄 땐, 저렇게 이미지가

2021년 2월 4일
·
0개의 댓글
post-thumbnail

[RN Library 📚] rn에서 푸시알림 보내기! firebase cloud messaging FCM 세팅하기

자네! 이번 업무는 rn에 푸쉬알림을 세팅하는 걸세 .. .. 오케이 ... 목차 install FCM 세팅 ios 푸시알림 권한 설정 ios FCM 테스트 android FCM 테스트 참고사이트 rn FCM 문서 rn FCM api 문서 Install fcm을

2021년 2월 2일
·
0개의 댓글
post-thumbnail

[RN 에러노트🔥] FCM firebase console에서 푸시알림을 보내면, 앱으로 오지 않는다?

자자.제가 말입니다. firebase cloud messaging을 구현하면서 겪은 엄청난 삽질기를 공유드리려고 해요. 저 같은 경우가 많지 않아서, 같은 상황을 겪을 분은 많이 없으리라 생각되는데..저 같은 상황의 소수를 위해 삽질기를 남깁니다.fcm을 ios 세팅

2021년 1월 28일
·
0개의 댓글

[RN 에러노트🔥] firebase cloud messaging (FCM): Notifications are not allowed for this application 에러

firebase cloud messaging을 사용하고 싶었다. ios는 권한을 요청하는 점에서 까다롭다 얘기를 여러번 들어서 쫄아 있었는데, 쉽진 않더라. 처음에 ios 알림권한 상태를 물어보고, 권한요청을 하는 작업이 필요한데. 위의 함수로 상태를 물어보고, 권

2021년 1월 21일
·
0개의 댓글

[react] 스토어 유입경로 트래킹을 위해 utm태그 심기

회사에서 공유기능을 개발한다. 앱 안에서 공유를 하면 웹 url이 공유가 되는데, 웹에는 다운로드 버튼이 있다.그 버튼은 firebase의 dynamic link를 이용해서 OS에 맞는 스토어로 이동을 시켜줄거다.사용자는 스토어로 이동이 되어서 install을 하게 될

2020년 12월 23일
·
0개의 댓글
post-thumbnail

[RN] Firebase Dynamic Link 붙이기

회사 앱에 공유하기 기능이 생긴다. 그에 필요한 dynamic link를 알아보고 붙여볼거다.다이나믹 링크는 firebase에서 제공하는 기능으로, 그 역할은?동적 링크를 통해 모바일 웹사이트 사용자를 앱의 해당 콘텐츠로 자연스럽게 안내하세요. 이 링크는 앱 설치 과정

2020년 12월 23일
·
0개의 댓글
post-thumbnail

[react] nextjs에 firebase 연결하기

오랫만에 글쓰는 듯.. 요즘 회사에서 기능 뽑는데 열중해서 글 쓸 시간이 잘 안났다!요즘 react native 하다가 앱 공유기능을 위해서 웹페이지를 만드는 테스크가 생겼다.리액트는 내 최애이기 때문에 행복하게 작업했다🧡당장은 필요하지 않지만, 추후 SEO 작업과

2020년 12월 21일
·
0개의 댓글

[RN Library 📚] react native 프로젝트에 firebase로 A/B 테스트를 해보자. - 1 (Firebase Remote Config)

사용자는 과연 어떤 UI에서 참여도, 만족도가 높을까? 우리 팀에서 정말 많이 고민해보는 사항이다. 그런데 고민해본들 답을 알 수가 없지. A/B 테스트를 도입해서 유저의 행동을 직접적으로 관찰해보기로 했다. 아직 베타 버전이라고 하는 Fifebase의 A/B 테스

2020년 11월 24일
·
0개의 댓글

[RN Library 📚] facebook 타겟 광고를 위해 sdk를 심자! react-native-fbsdk

우리는 페이스북 광고를 사용하고 있다! 페이스북 앱 광고는 더 많은 사람이 앱을 설치할 수 있도록 유도를 한다. Facebook 앱 광고 문서 바로가기 💃 위의 링크를 타고 가서 왼쪽에 아래와 같이 링크가 정리되어 있다. > 앱등록 > sdk 구현 > set up

2020년 11월 20일
·
0개의 댓글

[RN 에러노트🔥] react native apk 추출시 발생하는 Execution failed for task ':app:mergeDexRelease'.

FAILURE: Build failed with an exception.What went wrong:Execution failed for task ':app:mergeDexRelease'.A failure occurred while executing com.androi

2020년 11월 17일
·
0개의 댓글

[RN Library 📚] codepush 도입하기 - 2. react-native-code-push 세팅

이전 글인 \[RN Library 📚] codepush 도입하기 - 1. app center 셋팅에 이어서 codepush를 도입하기 위해 프로젝트에 react-native-code-push SDK를 심어보자.프로젝트에 react-native-code-push를 설치

2020년 11월 12일
·
0개의 댓글

[RN Library 📚] codepush 도입하기 - 1. app center 셋팅

codepush는 스토어 심사 없이 실시간으로 앱을 업데이트 할 수 있는 라이브러리다. Microsoft에서 서비스를 하고 있다. 모든 경우에 가능한건 아니고, Javascript단의 코드와 assets(이미지, 폰트 등) 의 경우 심사 없이 업데이트 할 수 있다. 버

2020년 11월 12일
·
0개의 댓글

[RN Library 📚] react-native-fast-image 이미지 placeholder세팅하기

우리 회사의 앱은 이미지가 많이 보이는 편이다.리스트 페이지와 디테일 페이지에서 이미지가 잔뜩 보인다.근데 react native 일반 Image 컴포넌트는 렌딩이 조금 느리다.빠른 이미지 렌더를 위해 react-native-fast-image 라이브러리를 사용해보았다

2020년 11월 5일
·
0개의 댓글
post-thumbnail

[RN Library 📚] react native에 lottie 넣기! lottie-react-native

유저의 행동유도를 위해 토스트 애니메이션을 넣으려 한다. react native에서 애니메이션 구현이 어렵다고 소문을 들어서, 후덜덜하고 있었는데, 갓 디자이너 분께서 작업 빠르게 하기 위해 애니메이션 파일을 lottie로 만들어서 json파일을 던져 주셨다. gif를

2020년 11월 4일
·
0개의 댓글

[RN 에러노트🔥] ... libcrypto.a' for architecture arm64

오늘의 에러 빌드를 하려 하는데 아래와 같은 에러가 발생한다. 해결방법?? Build Settings > Build Options > Enable Bitcode 를 'No'로 하면 된다더라. 근데 나는 안된다.

2020년 11월 4일
·
0개의 댓글