내일배움캠프 4기 React 39일차( React, 프로젝트)

1. axios

axios 란 Promise 기반 HTTP 클라이언트 이다.

async await 사용.

단축 메소드 사용!

axios.request(config)
axios.get(url[, config])
axios.delete(url[, config])
axios.head(url[, config])
axios.options(url[, config])
axios.post(url[, data[, config]])
axios.put(url[, data[, config]])
axios.patch(url[, data[, config]])

get 요청 메소드

export const __getTodos = createAsyncThunk(
  "todos/getTodos",
  async (payload, thunkAPI) => {
    try {
      const data = await axios.get("http://localhost:3001/todos");
      return thunkAPI.fulfillWithValue(data.data);
    } catch (error) {
      return thunkAPI.rejectWithValue(error);
    }
  }
);

간단한 메소드를 이용해 json-server 연결로 백그라운드 구축없이 사용할 순 있지만 새로고침해야 새로 렌더링 된다는 아쉬움이 있다.

redux와 연결하였을 때 데이터의 초기화를 막기 위해 preventdefault를 이용해
새로고침을 막았는데 그로인해 extrareducer를 사용해서 full, reject 를 통해 payload를 다시 받아오는 작업을 해야했다.
별로 안좋아 뵈인다.

2. 프로젝트 시작

프로젝트가 또 시작을 하였다.
역시나 시간은 부족하다.. 일단 초기 전체적인 틀을 짜서 시작을 해야해서 틀 짜느라 시간을 다 보냈다.

공통부분인 헤더부터 선작업을 하고 더 진행할 예정이다.