JER

https://nomadcoders.co/nwitter 트위터 클론코딩 – 노마드 코더 Nomad Coders React Firebase for Beginners nomadcoders.co *노마드코더 트위터 클론코딩 강의내용을 정리한 글입니다. **강의에서는 Firebase v8 를 사용했지만 여기서는 Firebase v9을 사용하여 구현했습니다. Get My Own Nweets https://firebase.google.com/docs/firestore/query-data/queries https://firebase.google.com/docs/firestore/query-data/order-limit-data 쿼리문을 작성하여 나의 Nweets를 가져옴 query 함수내 인자로 where함수를 사용..

Twitter Clone Coding 2022. 11. 9. 07:56

https://nomadcoders.co/nwitter 트위터 클론코딩 – 노마드 코더 Nomad Coders React Firebase for Beginners nomadcoders.co *노마드코더 트위터 클론코딩 강의내용을 정리한 글입니다. **강의에서는 Firebase v8 를 사용했지만 여기서는 Firebase v9을 사용하여 구현했습니다. Preview Images Firebase 콘솔 ⇒ Storage ⇒ 시작하기 Bucket : 파일이 저장되는 곳 Rules에서 파일 읽기와 업로드 권한을 허용해주어야함 ⇒ 권한없을 시 에러 발생 FileReader API https://developer.mozilla.org/ko/docs/Web/API/FileReader 파일을 읽는 API // Home...

Twitter Clone Coding 2022. 11. 7. 07:52

https://nomadcoders.co/nwitter 트위터 클론코딩 – 노마드 코더 Nomad Coders React Firebase for Beginners nomadcoders.co *노마드코더 트위터 클론코딩 강의내용을 정리한 글입니다. **강의에서는 Firebase v8 를 사용했지만 여기서는 Firebase v9을 사용하여 구현했습니다. Form and Database Setup Form 생성 nweet을 작성하기 위한 form 생성 // Home.js import React, { useState } from "react"; export default function Home() { const [nweet, setNweet] = useState(""); const onSubmitHandler..

Twitter Clone Coding 2022. 11. 5. 07:42

https://nomadcoders.co/nwitter 트위터 클론코딩 – 노마드 코더 Nomad Coders React Firebase for Beginners nomadcoders.co *노마드코더 트위터 클론코딩 강의내용을 정리한 글입니다. **강의에서는 Firebase v8 를 사용했지만 여기서는 Firebase v9을 사용하여 구현했습니다. Using Firebase Auth https://firebase.google.com/docs/reference/js/v8/firebase.auth firebase.js ⇒ fb.js로 이름변경 // fb.js import { initializeApp } from "firebase/app"; import { getAuth } from "firebase/aut..

Twitter Clone Coding 2022. 11. 3. 07:35

https://nomadcoders.co/nwitter 트위터 클론코딩 – 노마드 코더 Nomad Coders React Firebase for Beginners nomadcoders.co *노마드코더 트위터 클론코딩 강의내용을 정리한 글입니다. **강의에서는 Firebase v8 를 사용했지만 여기서는 Firebase v9을 사용하여 구현했습니다. React + Firebase Setup 프로젝트 생성 npx create-react-app nwitter Firebase 콘솔 프로젝트 생성 프로젝트 종류 선택 (web) Firebase SDK 추가 강의에서는 firebase v8을 사용했지만 나는 v9사용 firebase.js 파일 생성 ⇒ config추가 import { initializeApp } f..

Twitter Clone Coding 2022. 11. 1. 06:31