본문 바로가기

분류 전체보기181

[React Native] 파일명, 폴더명, 네이밍 규칙 및 통일 안녕하세요. 이번 포스팅에서는 React Native로 개발하는 프로젝트의 파일명, 폴더명 네이밍 규칙을 알아보겠습니다. '이렇게 써야만 해!' 라고 법적으로 정의한 것은 아니지만 가독성 높은 코드를 위해서 통일성을 맞춰서 하면 좋을 것 같습니다. 1. 파일명 ( index.js 처럼 뒤에 js 확장자가 붙은 JS파일) 파일명은 대문자로 시작합니다. (예시: UserInformation.js) 단, index.js 는 소문자로 시작합니다. 파일명과 exports default의 이름은 동일해야 합니다. 아래처럼 파일의 export가 LogIn이면 파일명도 LogIn.js로 해야합니다. export default LogIn; 또한 다른 곳에서 import 할 때에도 파일명과 동일하게 써야합니다. //bad.. 2022. 1. 13.
[React Native / iOS] iOS 15 이상에서 추적 요청 팝업 띄우기 (app tracking transparency) 안녕하세요. 앱 추적 요청에 관한 이전 포스팅에 이어서 내용을 이어가겠습니다. 시뮬레이터에서는 되는데, 실제 기기에서는 안되는 이유를 몰라서 4시간동안 삽질했습니다.. 커밋 메시지의 빡침이 느껴지시나요; 알고보니, iOS 15.0 이상에서는 앱 상태가 반드시 'acitve'일 때만 팝업이 뜨도록 변경되었습니다 ^^;;; 그럼 바로 알아보도록 하겠습니다. 이전 포스팅에 사용한 라이브러리는 앱 추적 요청에 관한 것만 있었는데요, 이번에 사용할 라이브러리는 거의 모든 권한에 대한 기능이 들어있습니다. (star 수도 더 많네요 ㅎㅎ) https://github.com/zoontek/react-native-permissions 위 라이브러리를 사용할 예정입니다. 깃헙 설명만 봐도 되긴하지만, 조금 수정이 필요한.. 2022. 1. 12.
[React Native / iOS 에러] "RNAppleAuthButtonViewManagerWhiteSignIn" was not found in the UIManager. 1. 에러상황 아래의 라이브러리로 애플로그인 버튼을 구현하는 중 "RNAppleAuthButtonViewManagerWhiteSignIn" was not found in the UIManager. 에러를 만났습니다. RN 애플 로그인 라이브러리 https://github.com/invertase/react-native-apple-authentication GitHub - invertase/react-native-apple-authentication: A React Native library providing support for Apple Authentication on iOS a A React Native library providing support for Apple Authentication on .. 2022. 1. 12.
[React Native / iOS 에러해결] 시뮬레이터 실행 에러 Unable to find a destination matching the provided destination specifier 1. 에러 상황 시뮬레이터 실행 중 위 에러가 발생했습니다. 에러 원인은 Xcode에서 설정한 iOS버전을 실행시킬 수 있는 시뮬레이터가 없어서 그렇습니다. 2. 에러 해결 시뮬레이터를 기동해보면 상단에 iOS 버전이 적혀있습니다. Xcode에서 프로젝트를 실행하고 좌측에 프로젝트명 클릭 > General 탭 > Deployment Info 메뉴의 iOS 버전을 시뮬레이터에 적힌 버전과 같거나 아래버전으로 설정합니다. 2022. 1. 12.
[React Native / iOS] iOS 14이상에서 추적 요청 팝업 띄우기 (일부 앱이 Apple의 SKAdNetwork를 사용하도록 구성되지 않았습니다 해결) 안녕하세요. 이번 포스팅에서는 iOS의 추적요청 동의를 받는 방법을 알아보겠습니다. iOS 14 이상에 광고를 추가하거나 사용자의 활동을 수집하기 위해서는 동의를 받아야 합니다. 제가 개발중인 앱에도 구글 애드몹 광고가 붙어있는데, 구글 애드몹을 추가할 때에도 추적 요청 팝업을 띄워야 한다고 하네요. 이렇게 경고 알림아 떴습니다. 그럼 바로 시작해볼게요! 0. 조건 Google Mobile Ads SDK 가 7.64.0 버전 이상이어야 합니다. 1. npm 설치 아래 코드를 입력해 관련 라이브러리를 설치합니다. npm install react-native-tracking-transparency cd ios pod install 2. info.plist 수정 info.plist에 아래 코드를 추가해주세요... 2022. 1. 12.
[Firebase / firestore] 파이어스토어 collection, doc 기본 구조, 개념, 코드 안녕하세요. 이번 포스팅에서는 firebase의 firestore에서 컬렉션, 문서를 추가하는 방법을 알아보겠습니다. firestore는 NoSQL의 데이터베이스로써 key-value 형태의 데이터베이스를 제공하고 있습니다. 그리고 파이어스토어에서 디비 구조를 만들기 위한 핵심개념이 컬렉션(collection)과 문서(doc) 인데요. 공식 문서는 여기를 참조하시면 됩니다. 컬렉션? '폴더' 라고 생각하시면 됩니다. 데이터베이스들이 모여있는 뭉텅이, 하나의 스키마와 비슷합니다. 문서 폴더 안에 저장된 낱개의 정보입니다. 컴퓨터의 폴더 구조에 비교하면 이해가 조금 쉬울 것 같습니다. 유저의 정보를 저장하는 User라는 폴더(컬렉션)이 있습니다. 그리고 그 폴더 안에는 유저에 대한 실제 데이터가 적혀있는 한.. 2022. 1. 11.

티스토리툴바