다시 만들 거니까 어떻게 생겼는지만 스크린샷... 찰칵 부정하지 않습니다... 개인적인 팬심으로 만들었슴... ///^-^///a - Start page - Quiz page - Score page - Message page - Ranking page useEffect와 useRef를 사용하여 해당하는 곳으로 scroll을 올리려고 했지만 useEffect를 이용했을 때 useRef의 값이 바로 들어오지 않아 scroll 실패... 아직 고칠 방법을 제대로 알지 못해 내부 overflow : scroll로 바꿔버렸다 ^-^(진짜 미치겠다...

5-1. 리덕스에서 Firestore 데이터 가져다 쓰기 1. 미들웨어란? : firebase에서 데이터를 가져올 때 비동기 통신을 하고, 리덕스에서 비동기 통신을 할 때 필요한 것. 리덕스 데이터를 수정할 때 [액션이 디스패치 되고 → 리듀서에서 처리] 하던 과정 기억하시죠? 미들웨어는 이 과정 사이에 미리 사전 작업을 할 수 있도록 하는 중간 다리 같은 거예요! 즉! [액션이 일어나고 → 미들웨어가 할 일 하기 → 리듀서에서 처리] 이 순서로 처리하게 됩니다! 미들웨어도 종류가 굉장히 다양한데, 우리가 이번에 사용할 것은 미들웨어인 thunk 입니다. redux-thunk는 뭐하는 미들웨어일까? 우리 액션 생성 함수가 뭘 반환한다고 했었죠? 맞아요! 객체 반환하죠.🙂 redux-thunk는 객체 대신..

3-1. Event Listener - 이벤트 리스너 : 사용자가 어떤 행동(=이벤트)을 하는 지 아닌 지 지켜보다가 알려주는 것. ( 대표적 : 마우스 클릭, 터치, 마우스 오버, 키보드 누름 등 ) 이벤트 리스너는 에서처럼 엘리먼트에 직접 넣어줄 수도 있지만, 이번에는 addEventListener를 통해 추가해볼 거임. 동그라미 안에 텍스트를 한 줄 넣고 텍스트를 넣어줄 건데 동그라미에 마우스를 올렸을 때 동그라미의 색이 변하고, 텍스트에 마우스를 올렸을 때 텍스의 색이 변하도록 할 거임. - App.js import React from "react"; import styled from "styled-components"; import Text from "./Text"; const Wrap = st..