개발스터디일지

react에서 firebase 인증으로 로그인을 구현하고, 마이페이지에서 현재 로그인하고 있는 사용자의 정보를 불러왔다. import { auth, db } from '../shared/firebase' const Mypage = ()=>{ const user = auth.currentUser; return( {user?.email} ) } 👇 처음 마이페이지에 들어갈 경우, user.email이 잘 뜬다. 👇 하지만 새로고침을 하게 되면 user.email이 null로 뜨면서 아이디가 뜨지 않는다. 다른 페이지로 갔다가 다시 마이페이지로 오면 아이디가 뜬다. 👊 해결책 비동기로 현재 로그인이 되어있는지 체크해주고 (loginCheck), 로그인이 되어있을 경우(is_login -> true) user...

CS 스터디 4주차 개인과제 ( 나만의 사전 만들기 ) 스파르타클럽 리액트 인강 ( 파이어 베이스 ) 👉 CS 스터디 https://danpoongcoding.tistory.com/59 13. [소프트웨어] 020 10억 개 전화번호에서 이름 찾기: 이진 검색, 021 검색을 쉽게 만드는 정렬: 선 020 10억 개 전화번호에서 이름 찾기: 이진 검색 분할 정복이라는 일반적인 전략의 한 가지 범위를 한 항목으로 줄일 때까지 찾고자 하는 항목을 포함하는 리스트를 계속 반으로 나누는 과정 danpoongcoding.tistory.com 👉 4주차 개인과제 ( 나만의 사전 만들기 ) 리덕스로 삭제 기능을 만들기 위해 고유한 값이 필요했던 부분에 대해 팀원인 채운님이 각 id 값에 Date().now 를 넣는 ..

CS 스터디 스파르타클럽 리액트 인강 ( 파이어베이스 ) 4주차 리액트 개인과제 ( 나만의 사전 만들기 ) 👉 CS 스터디 2022.05.29 - [항해 99/CS 스터디] - [소프트웨어 18 / 19 ] 알고리즘과 초콜릿 케이크 레시피 / 선형 알고리즘 [소프트웨어 18 / 19 ] 알고리즘과 초콜릿 케이크 레시피 / 선형 알고리즘 18. 알고리즘과 초콜릿 케이크 레시피 흔히 소프트웨어를 설명할 때 초콜릿 케이크 레시피와 같은 음식을 만드는 레시피에 비유하지만, 레시피는 모호한 설명이 많기 때문에 소프트웨어와 비교 krystal-k.tistory.com 👉 스파르타클럽 리액트 인강 ( 파이어베이스 ) 파이어베이스 인강을 들으면서 버킷리스트에 파이어베이스를 얹었다. 버킷리스트 데이터들을 파이어베이스에 ..

리덕스에 state를 넣어놓고 쓸 수 있지만, 유저가 페이지에 글을 입력한다고 해도 만일 페이지를 새로고침하다면? 그 글이 다 날아가버리기고 기본 페이지 뷰로 리셋되기 때문에 리덕스에 state가 저장이 되는 것은 아니다. 그렇다고 프론트엔드가 서버까지 만들 수는 없으므로, 이때는 '미리 만들어져있는 서버' firebase를 이용해 정보를 저장하면 된다. 👉 firebase 설치하고 리덕스에 연동하기 ▼▼▼ 터미널에 firebase를 설치한다. ▼▼▼ yarn add firebase ▼▼▼ firebase 홈페이지에 로그인해서 프로젝트를 하나 만든다. ▼▼▼ https://firebase.google.com/?hl=ko Firebase Firebase는 고품질 앱을 빠르게 개발하고 비즈니스를 성장시키는..