로그인 적용 순서 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..

🧸 토큰 기반 인증 [옛날 - 세션기반인증] 예전에는 사용자의 로그인 상태를 서버가 전부 가지고 있었다. 서버의 세션에 사용자 정보를 넣고 이 사람이 로그인 했다 안했다를 전부 기록하고 기억 -> 로그인한 사용자가 많아지면 서버에 부하가 옴 그렇다고 서버 여러개 놓자니 관리가 까다로움 그래서 최근에는 토큰 기반 인증 방법을 많이 사용한다. 유저의 인증 정보를 세션에 담지 않는 인증방식이 토큰 기반 인증 방법이다. 클라이언트가 토큰을 가지고 있다. 🧸 OAuth2.0 외부서비스의 인증 및 권한부여를 관리하는 프레임워크 → Open Authentication, Open Authorization 동작 방식 클라이언트와 서버 사이에 인증(로그인)을 하면 서버가 access_token 을 줌. 클라이언트는 acc..

오 새로운 주차가 시작되면서 심화 강의가 지급되었다. 리덕스랑 친해질 시간도 부족했는데 ㅠㅠ. 심화주차의 순한맛 과제는 "로그인 사용자용 매거진 사이트 만들기" 매운맛 과제는 "리액트로 일정 관리 캘린더 만들기"인데... 둘 다 어려워보이는데 캘린더가 훠어어얼씬..어려워보이고, 어떻게 만들어야될지 감도 안온다.ㅠㅠ 그래서 일단 순한맛 과제를 수행해야겠다. 순한맛 과제는 ㅎㅎ강의내용이어서..수월하게 할 수 있을 것 같다!!! 1. 주특기 심화 강의 듣기 !! 2. 알고리즘 문제 풀기 3. Mingle Friday 강의들으러 고고 ! [Javascript] - 변수와 상수 👈이렇게 정리해뒀다! 블록스코프는 {} 중괄호 함수스코프는 함수범위 📖 Prototype 프로토타입.. 기술 면접에서 많이 나온다고 한다..

📖 Promise 자바스크립트는 싱글 쓰레드로 동작하는 언어다. 쓰레드 ? 작업을 하는 일꾼 싱글 쓰레드 ? 일꾼이 하나뿐. 작업 하나를 하고, 그 다음꺼를 한다. 즉 , 동시작업이 불가하다. 그런데 자바스크립트는 비동기 작업을 동시에 할 수 있다. 실행환경(런타임)의 도움을 받아 동시 실행을 할 수 있는 것. 비동기 요청이 들어오면, 콜스택에 쌓인다. (setTimeout) web API에게 위임을 한다. 콜백은 자바스크립트가 비동기 처리를 하기 위한 패턴 중 하나이다. 전통적인 콜백 패턴은 일명 콜백 헬로 불리는 엄청난 중첩 문제가 생기기 쉽다. 📖 콜백 헬 🤔 👉 꼬리에 꼬리를 무는 비동기 처리가 늘어나면 호출이 계속 중첩되고, 코드가 깊어지고, 관리는 어려워진다. 이런 깊은 중첩을 콜백 헬이나 멸..

🧸 변수 변수는 값을 담기 위한 공간이다. 🧸 [변수 생성의 3단계] 선언 → 초기화 → 할당 - 선언: 실행 컨텍스트에 변수 객체를 등록 (스코프가 참조하는 대상!) - 초기화: 변수 객체에 등록된 변수를 위해 메모리에 공간을 확보 (여기서 변수는 보통 undefined로 초기화) - 할당: undefined로 초기화된 변수에 실제 값을 할당 1️⃣ var - 생략도 가능 - var로 선언한 변수는 블록 스코프가 아니라 함수 스코프에 종속된다. (스코프란? 어디까지 쓸 수 있는가? 어디까지 살아있는가) -var는 선언과 초기화를 한번에 한다. -재선언이 가능하다. -선언하기 전에도 사용할 수 있다. - for 루프(블록스코프)내에서 변수를 선언하면 for 밖에서 사용할 수 있다. for (var i=0..