React Native/General24 [React Native] Firebase auth 로그인 유무 판별하는 방법 안녕하세요. 이번 포스팅에서는 유저가 Firebase auth를 이용해서 로그인을 했는지, 로그인 상태를 확인하는 방법을 알아보겠습니다. 특히, 로그인 상태를 여러 스크린에서 확인해야하는 경우에는 mobx를 이용해서 중앙에서 상태값을 관리해줄 필요가 있습니다. 본 포스팅은 mobx를 이용해서 로그인 상태를 앱 전역에서 확인하는 방법을 알아보도록 하겠습니다. Firebase auth를 도입하지 않으신 분은 여기 포스트를, mobx를 도입하지 않으신 분은 여기 포스트를 참고해주세요. mobx를 도입했다는 가정 하에 진행해보도록 하겠습니다. 1. userStore.js 파일 생성 Store폴더에 userStore.js 파일을 만들어주세요. 이 파일에서 유저와 관련된 상태값들을 관리할 예정입니다. 2. user.. 2022. 2. 3. [javaScript] 배열 요소가 Object일 때 (JSON.stringify cannot serialize cyclic structures) 이런식으로 배열의 요소가 Ojbect 형태일 경우 console.log(list)를 찍어보면 [Obect, Obect] 라면서 JSON.stringify cannot serialize cyclic structures 에러가 발생할 때가 있습니다. 그리고, 각 요소에 들어있는 Object 에서도 특정한 값만 사용해야할 때가 있습니다. 가령, 위의 사진에서 Obejct안의 data 객체만 읽고싶을 수 있죠. 위의 예시처럼 Oject 형태로 배열이 이루어져있고, 값을 불러오려니 JSON.stringify cannot serialize cyclic structures 에러가 발생할 떄 map 함수를 이용해 쉽게 해결할 수 있습니다. 이렇게 하면 temp 배열에는 list 배열에 있는 객체요소중 data에 대한 .. 2022. 1. 17. [구글 애드몹] 잘 뜨던 광고가 갑자기 뜨지 않는다..! 안녕하세요. 앱을 출시하고 처음에는 구글 애드몹 배너광고가 잘 떴습니다. 아주 소소하게나마 광고수익이 잡혔죠. 그런데 갑자기 개발모드에서 테스트광고도 안뜨더니, 배포된 앱에서도 광고가 안뜨길 시작했습니다. 내가 뭘 잘못건드렸나? 하고 몇시간동안 애드몹 코드를 지웠다 다시 시작하기를 반복했죠... 그러다가 개발모드에서 Error code3 이 뜨는걸 알게됐습니다. Error code3란? '귀하에게 보내줄 광고가 없습니다.' 라는 건데요. 코드 문제가 아니고, 출시한지 얼마 안된 앱에게 흔히 나타날 수 있는 에러라고 합니다. 이 앱에 어떤 광고를 노출시켜야 할지 판단이 안되어서 광고를 보내주지 않는다고 합니다. Error code 3이 뜨는 이유는 여러가지가 있겠습니다만, 해결방법은 오직 '기다림' 뿐입니.. 2022. 1. 14. [React Native] 캐시 초기화 하는 방법 react-native start --reset-cache 또는 npm start -- --reset-cache 또는 expo start -c 또는 yarn cache clean RN으로 만든 영단어 앱테크 어플 (출시 후 매일 100명씩 가입 중!) 아이폰> 캐시보카 - 돈버는 영단어 앱테크 단어를 맞추면 1캐시가 적립돼요. 적립된 캐시는 네이버 포인트로 전환할 수 있어요. apps.apple.com 2022. 1. 14. [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. [Firebase / firestore] 파이어스토어 collection, doc 기본 구조, 개념, 코드 안녕하세요. 이번 포스팅에서는 firebase의 firestore에서 컬렉션, 문서를 추가하는 방법을 알아보겠습니다. firestore는 NoSQL의 데이터베이스로써 key-value 형태의 데이터베이스를 제공하고 있습니다. 그리고 파이어스토어에서 디비 구조를 만들기 위한 핵심개념이 컬렉션(collection)과 문서(doc) 인데요. 공식 문서는 여기를 참조하시면 됩니다. 컬렉션? '폴더' 라고 생각하시면 됩니다. 데이터베이스들이 모여있는 뭉텅이, 하나의 스키마와 비슷합니다. 문서 폴더 안에 저장된 낱개의 정보입니다. 컴퓨터의 폴더 구조에 비교하면 이해가 조금 쉬울 것 같습니다. 유저의 정보를 저장하는 User라는 폴더(컬렉션)이 있습니다. 그리고 그 폴더 안에는 유저에 대한 실제 데이터가 적혀있는 한.. 2022. 1. 11. 이전 1 2 3 4 다음
