[October,22,2022]

2022-10-22

✍️ 1) PLAN & TODO

• [✅] : 파베 -> auth관련이나 테스터용으로 뭔가 빠르게 만들어볼 때 사용해 보면 좋을 듯~
• [] : auth
• [✅] : 언니랑 만나서 공부~

---

• [] : workwork 소스코드 정리
• [✅] : js 스터디과제 제출

---

💻 2) CODING

09:00-17:00 / 17:00-19:00 / 21:00~22:00 / 23:00-24:00

✍️ WORK & CODE

https://talkwithcode.tistory.com/27

object delete 할 때

let test = {a:0, b:1, c:2}
delete test.a;
console.log(test);

여러개 onChange 쓰기 싫을 때

const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");
  const onChange = (event) => {
    const {
      target: { name, value },
    } = event;
    if (name === "email") {
      setEmail(value);
    } else if (name === "password") {
      setPassword(value);
    }
  };

---

firebase 관련 정보

이메일 링크 로그인

https://firebase.google.com/docs/auth/web/email-link-auth?hl=ko

firebase 가격 정책

https://firebase.google.com/pricing?hl=ko

: 비슷한 서비스 AWS.amplify

: 보통 실제 프로젝트(현업 프로젝트)에서는 사용 지양

: 구글에 대한 데이터베이스와 서버 종속률이 높아지기 때문

: 나중에 storage 사용량이나 회원이 많아지게 되면 추가 비용 지불

: next-firebase 보다 react-firebase 연결에 대한 정보량이 더 많음

:주로 구상된 아이디어를 백 작업 없이 빠른 시간으로 테스트해 보기 위한 용도로 사용

:auth 작업이 굉장히 편리함

:NoSQL SQL에 비해 규칙이 없음

---

firebase 인증

https://firebase.google.com/docs/auth/web/manage-users

---

firebase 스토리지

dbService.collection("컬렉션명").add({"key1":전달값,createdAt:Date.now() })

---

const [array,setArray]=useState([])

const data=dbService.collection("컬렉션명").get();
data.forEach((document)=>{
	const item={
	...document.data(),
	id:document.id
		
}
		setArray(prev=>[item,...prev])

})

이런식으로 데이터 베이스에 post, get

dbService.collection("컬렉션명").onSnapshot(snapshot=>{
	consoel.log(snapshot.docs)
	const array=snapshots.docs.map(doc=>{id:doc.id, ...doc.data()})

})

실시간 데이터 가져오기

dbService.doc("컬렉션명/삭제하고자 하는 id").delete()

dbService.doc("컬렉션명/수정하고자 하는 id").update({
수정하고자하는key값:수정값})

이런식으로 데이터 베이스에 delete.update

const getMyData = async () => {
    const data = await dbService
      .collection("컬렉션명")
      .where("찾고자하는 key값", "==", userObj.uid)
      .orderBy("createdAt")
      .get();
    console.log(data.docs.map((doc) => doc.data()));
  };

  useEffect(() => {
    getMyData();
  }, []);

근데 promise 로 넘어오는거~~ 잊지말기~~

🤸‍♀️ 3) EXERCISE & LANGUAGES & BOOK

Monday/ Wednesday(Tuesday)/ Thursday 19:45-20:15 (English with Clarisse)
Tuesday / Thursday 21:00 ~ 22:00 (어깨 수영 보류)
Saturday 09:00~10:00
Sunday

---

🏈 4) REFLECTION

---