류림스 공간

로그인 적용 순서 firebase.js에 만들어둔 auth 가져오기 리덕스에서 loginFB 함수 만들기 auth.signInWithEmailAndPassword()로 로그인 Login 컴포넌트에서 loginFB를 호출! 리덕스의 user 정보 업데이트 후에 메인 페이지로 이동하기 파이어베이스 로그인처리 가이드링크 후..로그인 구현할 차례 덕스구조 const loginFB=(id,pwd)=>{ return function (dispatch,getState,{history}){ auth .signInWithEmailAndPassword(id, pwd) .then((user) => { console.log(user); dispatch( setUser({ user_name:user.user.displayNam..

회원가입은 일단 어떻게 쓰는지 순서를 아는 것이 중요하다. 적용 순서 firebase.js에 만들어둔 auth 가져오기 리덕스에서 signupFB 함수 만들기 auth.createUserWithEmailAndPassword()로 가입 시키기 Signup 컴포넌트에서 signupFB를 호출! 가입한 후, display_name 바로 업데이트하기 사용자 정보 업데이트 후에 메인 페이지로 이동하기 가입을 시키는 것 => 비동기작업 음 강의 보면서 따라했더니 에러가 나서.. 파이어스토어 임포트를 아래와 같이 바꿔줬더니 에러가 사라졌다 ! import firebase from 'firebase/compat/app'; import 'firebase/compat/auth'; import 'firebase/compat..

우선 강의자료 부터 !!! 4주차 강의자료 링크 Click 🧚‍♀️ 🤩 [스파르타코딩클럽] 리액트 기초반 - 4주차 매 주차 강의자료 시작에 PDF파일을 올려두었어요! teamsparta.notion.site 1. keyframes 사용하기 keyframes는 styled-components안에 이미 들어있다. 웹에서 애니메이션을 구현할때는 transition과 animation이라는 스타일 속성을 많이 사용한다. import styled,{keyframes} from "styled-components"; function App() { return ( ); } const boxAni = keyframes` 0% { border-radius:0px; top:20px; } 50%{ border-radius:..

음..1주차 강의자료 ..전부 정리하고 있었는데 임시저장 안해서 다 날라갔다.ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 젠장. 그냥 강의자료로 보자 !!! 다시 작성하기엔 ... ;;;; 1주차 강의자료 링크 Click👻 🤩 [스파르타코딩클럽] 리액트 기초반 - 1주차 매 주차 강의자료 시작에 PDF파일을 올려두었어요! teamsparta.notion.site 아....정말 ~~~~ 다 날라가버려서 ...화딱지가 나지만. . . 고고.. 1. JSX 란? 👉 그럼 리액트에서 어떻게 뷰를 그릴까요? App.js 파일에서 보이듯, JSX 문법을 사용해서 React 요소를 만들고 DOM에 렌더링 시켜서 그립니다. 👉 리액트에서는 딱 하나의 html 파일만 존재합니다. (public 폴더 아래에 있는 index.html..