본문 바로가기

전체 글

flutter firebase, permission denied 오류 플러터와 파이어베이스를 연결하고 데이터를 받아오는 중에 문제가 발생했다. 파이어베이스 콘솔의 규칙으로 들어가서 write 를 true로 바꿔주면 된다. 잘 받아온다 더보기
React의 useContext를 사용한 전역상태관리 로그인 후 로그인 정보를 저장하고 전역적으로 관리하면서 하위컴포넌트에서도 사용할 수 있도록 context를 사용하여 상태를 관리하고자 했다. 먼저 최상위 컴포넌트로 Context 컴포넌트를 만들어주고 씌워줬다. // Context.js import React, { useState, createContext } from 'react'; export const AuthContext = createContext(); // context를 만들어주고, 하위 컴포넌트에서 이를 사용하기 때문에 export 해준다. const AuthProvider = ({ children }) => { const [user, setUser] = useState(); // 로그인 시 유저 정보를 담기 위해 state를.. 더보기
로그인 후 useNavigate를 이용한 리다이렉션 구현 로그인을 성공해도 로그인 화면으로 들어올 수 있는 문제를 마주하면서, 로그인을 성공하면 example.com/login (로그인 페이지) 으로 접근할 시 홈으로 보내주도록 구현했다. ( example.com은 가상의 페이지 ) react-router-dom의 버전이 바뀌면서 useHistory 대신 useNavigate를 사용하게 되었다. . . . import { useNavigate } from 'react-router-dom'; // useNavigate 사용 const Login = () => { const [email, setEmail] = useState(); // id const [password, setPassword] = useState(); // password const { setUs.. 더보기