전체 글 210

[iOS/Firebase/RN] iOS 개발자 계정 이전 이후 파이어베이스 푸시알람이 안올 때

배경 개발자 계정을 개인에서 법인으로 전환할 일이 생겨서 전환했는데, 그 이후 파이어베이스에서 보내는 푸시알람이 가지 않는 오류가 발생했습니다. 해결 APN 인증서를 재업로드하면 됩니다. 1. https://developer.apple.com/account/ 계정 - Certificates, Identifiers & Profiles - Keys - +버튼 클릭 - APN 선택 2. 다운로드 및 키 ID 인지 3. FIrebase console - 프로젝트 설정 - 일반 - ios 앱 - 팀 ID 변경 * 팀 ID는 developer 페이지 우상단에서 알 수 있습니다. 4. Firebase console - 프로젝트 설정 - 클라우드 메시징 - APN 인증키 삭제 후 다운로드 받은 파일로 재업로드 이 때 ..

[React Native] 인앱리뷰 기능 In-App Review

라이브러리 https://github.com/MinaSamir11/react-native-in-app-review 설치 $ npm install react-native-in-app-review or $ yarn add react-native-in-app-review 사용법 라이브러리에서 제공하는 예제입니다. import InAppReview from 'react-native-in-app-review'; // This package is only available on android version >= 21 and iOS >= 10.3 // Give you result if version of device supported to rate app or not! // trigger UI InAppreview ..

[React Native] TextInput 부분 스타일 적용하는 방법

[따라해볼 예제] - Tick Tick 이라는 어플에서 TextInput에 해시태그와 제목의 스타일이 달라서 어떻게 구현하는지 궁금했다. - 그래서 따라해보기로 했다! [소스코드] ... import React, { useState } from 'react'; ... interface ValueInfo { str: string; isHT: boolean; idxArr: number[]; } const getValueInfos = (value: string): ValueInfo[] => { if (value.length === 0) { return []; } const splitedArr = value.split(" "); let idx = 0; const valueInfos: ValueInfo[] = s..

[React Native] v9 Facebook SDK 적용하기

최근 Facebook SDK를 9로 업데이트하라는 메일이 날라와서 업데이트를 해보려 한다! 환경 react-native: 0.63.4 react-native-fbsdk-next: 4.0.0 FB SDK 9 이상을 사용하려면 위 라이브러리를 사용해야 한다. 9 미만 버전을 사용하려면 react-native-fbsdk를 이용하면 된다. https://www.npmjs.com/package/react-native-fbsdk-next 설치 yarn add react-native-fbsdk-next yarn remove react-native-fbsdk // 이 라이브러리가 설치되어있다면. cd ios && pod install Configure projects 추가설명 참고 링크: https://github.c..

[React Native] Could not find "client" in the context or passed in as an option 에러 해결법

Could not find "client" in the context or passed in as an option. Wrap the root component in an , or pass an ApolloClient instance in via options.분명 ApolloProvider에 client를 잘 넣었는데 이러한 오류가 발생할 때가 있다.그럴 땐 useMutation(또는 useQuery or useLazyQuery)를 import 하는 패키지를 확인하자.import { gql, ApolloError, useMutation } from '@apollo/client'; // no!!!!import { useLazyQuery } from '@apollo/react-hooks';import { ..

[React Native] Upgrade 0.61.5 to 0.63.4

업데이트를 하자! 제가 운영중인 루빗이라는 어플을 처음 init한지 벌써 1년이 되었어요! react-native 버전이 그새 많이 올라서 업그레이드를 해보려고 합니다. Upgrade Helper Step 1 - Edit Code https://react-native-community.github.io/upgrade-helper 이 사이트를 이용하면 원하는 버전으로의 업데이트를 위해 무엇을 해야하는지 알 수 있어요. 저는 0.61.5에서 0.63.4로 업그레이드를 할겁니다! https://react-native-community.github.io/upgrade-helper/?from=0.61.5&to=0.63.4 여기에 나와있는대로 코드를 수정해주세요. 참고) storyboard 추가하기 기존 ios/R..

[Nomard Coder] NestJS로 API 만들기

완성코드https://github.com/daheeahn/hi-nest핵심앱은 여러 개의 모듈로 구성됨.모듈은 컨트롤러와 서비스로 구성됨.컨트롤러는 url을 가져오고 함수를 실행한다.서비스는 실제로 function을 가지는 부분이다. 필요하다면 db에 접근도 한다.0.1 Welcomenode.js 위에서 움직이는 프레임워크. (사실 express 위에서.)node.js에 서버 구성할 수 있게 해줌.다른 node.js 프레임워크에는 없는 구조를 가지고 있다.nest.js는 구조가 있다. 그것을 따르기만 하면 큰 규모의 백엔드를 쉽게 만들 수 있다.nest.js 배우면 express.js로 돌아갈 수 없다!node.js는 구조가 없어 자유롭다.express의 미들웨어와 같은 것이다.결론: 아주 좋은 아키텍처..

Study/Backend 2021.02.08

[Nomard Coder] 우버이츠 클론코딩

Uber Eatshttps://www.ubereats.com/전체코드https://github.com/daheeahn/nuber-eats-backendNestJS 문서https://docs.nestjs.com/다 배운 후질문: 모두 해결하기질문: typeorm vs prisma 차이점숙제!핵심모든 orm은 sql을 이용해서 db에 직접 접근할 수 있게 해준다. (# 10.18)실행dev: npm run start:dev0.4 Requirements"NestJS로 API 만들기" 듣기"GraphQL로 영화 API 만들기", "영화 웹 앱 만들기" 듣기0.5 How to Get Help0.6 Backend Setupnest g application// 이름 입력npm inpm run start:devvsco..

Archive 2021.02.08

[React Native / Android] unexpected element <queries> found in <manifest>

에러unexpected element found in 해결법android/build.gradleAndroid Gradle plugin 버전을 3.4.2에서 3.4.3으로 바꿔준다.classpath("com.android.tools.build:gradle:3.4.3")참고 링크https://github.com/ivpusic/react-native-image-crop-picker/issues/1406https://stackoverflow.com/questions/62969917/how-do-i-fix-unexpected-element-queries-found-in-manifesthttps://android-developers.googleblog.com/2020/07/preparing-your-build-f..

출처: https://mingos-habitat.tistory.com/34 [밍고의서식지:티스토리]