✅ Setuphttps://rnfirebase.io/#installation-for-react-native-cli-non-expo-projects React Native Firebase | React Native FirebaseWelcome to React Native Firebase! To get started, you must first setup a Firebase project and install the "app" module. React Native Firebase has begun to deprecate the namespaced API (i.e firebase-js-sdk rnfirebase.io

✅ Setup1. Firebase project에서 iOS app 추가2. Xcode 안에서 iOS bundle ID를 찾는다.vscode에서 ios폴더를 reveal in finder를 누른 후 socialcoin.xcworkspace를 눌러 Xcode로 열어준다.그리고 General에서 bundle ID를 찾는다.3. Register App4. GoogleService-Info.plist file 다운로드 5. Xcode에서 프로젝트에 GoogleService-Info.plist 추가 6. Configure Firebase with iOS credentials 7. 만약 에러 시 # 1) Xcode DerivedData 정리(선택이지만 강추)rm -rf ~/Library/Develope..

✅ RulesFirebase는 클라이언트에서 동작하기 때문에 서버가 없기 때문에 만약 클라이언트 측에서 부적절한 접근을 시도하면 막을 수 있는 방법이 없다.이러한 상황을 방지하기 위해 Firebase 자체적으로 rules라는 기능을 제공하는데, 이 기능으로 접근 권한을 서버에서 설정하는 것처럼 할 수 있다.Firestore Database Rulesrules_version = '2';service cloud.firestore { match /databases/{database}/documents { match /tweets/{doc} { allow read, create: if request.auth != null; allow delete, update: if request.au..

✅ query()getDocs()에 넣어줄 query를 생성한다.const tweetsQuery = query( collection(db, "tweets"), orderBy("createdAt", "desc") ); ✅ getDocs()getDocs()로 query에 해당하는 데이터들을 가져온다.getDocs()는 QuerySnapshot을 return한다.const snapshot = await getDocs(tweetsQuery); ✅ Fetching 해온 데이터들을 state에 저장하는 동작을 fetchTweets 함수에 담는다.fetchTweets 함수는 useEffect로 실행 const [tweets, setTweets] = useState([]); const fetc..

✅ Firestore DatabaseaddDoc()인자로 저장할 위치의 collection과 data를 받는다.저장할 위치의 collection을 지정하기 위해 collection() 함수를 사용한다.collection()인자로 Firestore 인스턴스와 collection의 이름을 받는다. const doc = await addDoc(collection(db, "tweets"), { tweet, order: Date.now(), createdAt: FormatDate(), username: user.displayName || "Anonymous", userId: user.uid, }); ✅ Storageref()파일이 업..

✅ Setup1. Firebase 프로젝트 생성 2. Firebase 설치npm install firebase 3. 콘솔에서 제공해주는 코드를 firebase.ts를 생성해 안에 넣어준다. ✅ 이메일 & 비밀번호 로그인Firebase 콘솔의 Authentication에서 이메일 & 비밀번호 인증을 활성화한 다음, 코드에서 initialize한다.getAuth(app)import { getAuth } from "firebase/auth";export const auth = getAuth(app); createUserWithEmailAndPassword(auth, email, password)회원 정보가 존재하지 않을 시 계정을 생성하고 로그인 시킨다.UserCredential을 return한다. (oper..

✅ 자기소개웹 기초 스터디를 마치고 현재 캐럿마켓 클론코딩(v12)을 수강하고 있는 종화라고 합니다.트위터 클론코딩 챌린지가 열렸길래 바로 참가하였습니다. 강의를 완강한 지는 꽤 되었는데, 기억을 되살려서 챌린지를 진행하며 복습을 하고자 합니다. ✅ 메인 페이지 와이어프레임 사진 과제에 적혀있던 발사믹을 사용해 만들어봤습니다.✅ 포인트 색상 / 로고 / 기타 구현하고 싶은 사항강의 영상과 최대한 똑같이 만들어볼 예정입니다.후에 생각나는 아이디어가 있으면 추가 기능과 새로운 디자인으로 만들어볼까 합니다. 🧐 다만! Form 부분은 react-hook-form을 사용하여 재구현 해볼까 합니다 :) ✅ 고민, 공유하고 싶은 팁현재 목감기에 심하게 걸려 있어서 공부도 4일째 못 하고 있는 컨디션인데, 기억을 ..