[React] 느린 데이터 환경에서 테스트하기

리액트 뿐만 아니라 모든 웹페이지 환경에서 테스트 가능함

 

1. 관리자도구에서 속도 변경

관리자도구 -> Network -> No throttling에서 slow 3G로 변경하면

정말정말 느림 ㅋ

 

근데 이거 테스트 끝날때마다 초기화하기 귀찮으니 

타이머 설정하는걸 춫너함

 

 

2. 타이머 설정 (setTimeOut)

import { createAsyncThunk } from "@reduxjs/toolkit";
import axios from 'axios';

const fetchUsers = createAsyncThunk('users/fetch', async()=>{
    const response = await axios.get('http://localhost:3005/users');
    await pause(1000);
    return response.data;
});

// DEV ONLY!!!
const pause = (duration) => {
    return new Promise((resolve)=>{
        setTimeout(resolve, duration);
    });  
};

export {fetchUsers};