우주먼지 개발 log

Loader나 Spinner들입니다. 코드도 제공되니 사용해보시는 것을 추천드립니다. https://cssloaders.github.io/ 예쁜게 많지는 않지만 기본적인 것으로..

웹사이트에서 아주 쉽게 해당 코드의 위치를 찾는 툴 공유드립니다. https://www.locatorjs.com/

진영튜터님 로그인 인증 관련 세션 https://github.com/yoojinyoung/lecture-authentication/tree/main/src 1. ID/PW 입력 없는 로그인 기능 구현 2. 로그인 여부에 따른 라우트 구분 구현 3. ID/PW 입력과 API 응답을 통한 로그인 기능 구현 4. localStorage를 사용한 새로고침 시 인증 풀림 대응 위 네 가지가 세션 시간 동안 구현한 것들을 흐름에 따라 살펴볼만한 내용들이구요 아래 두가지는 main 브랜치의 코드를 보시면서 추가로 익혀볼만한 내용들입니다 1. redux-thunk를 사용한 로그인 기능 구현 2. 새로고침 시 인증 풀림 대응 시나리오 이거는 못들어서 코드 봐야함 빠른시일내에 !!!

이런 코드를 줄여보자. const signInWithGoogle = () => { const googleProvider = new GoogleAuthProvider(); return signInWithPopup(authService, googleProvider); }; const signInWithGithub = () => { const githubProvider = new GithubAuthProvider(); return signInWithPopup(authService, githubProvider); }; const socialGoogleLoginhandler = async (event) => { event.preventDefault(); await signInWithGoogle() .then((r..

재상 튜터님 지난 세션 >.< 다시보기 1부 : React 로 사고하기 2부 : 컴포넌트를 분리하는 기준과 방법 앗 녹화본도 있음 : 다원님 / 재상 튜터님 감사 1부 : https://www.youtube.com/watch?v=DkFaVMeX588 2부 : https://youtu.be/An4kMXbwDlM