요한팀 프로젝트 페이지

//1. 모든 요청을 별도 함수로 분리
const fetchUserList = (userId) => fetch(`${API_END_POINT}/get-users/${userId}`);
const fetchPostList = (postId) => {}
const fetchOnlineUser = () => {}
const fetchChannels = () => {}
// 이외 모든 API 요청들

// 재사용, 가독성이 더 좋지만 API 요청 종류가 많아 선뜻 적용하기 힘듭니다.

//2. 하나의 fetch 함수에 URL과 Option을 넣어서 요청
const fetchAPI = (url, option) => fetch(`${API_END_POINT}/${url}, option).then(...)
// 사용시 url과 option 파라미터를 달리하여 여러 API 요청 처리.

const endpoints = {
  noticeBoardList: "/noticeboard/",
  noticeBoardDetail: (id) => `/noticeboard-content/${id}/`,
  noticeBoardPopup: "/noticeboard-content/popup/",
};

const authfetch = (endpoints, options) = {
	const token = window.localStorage.getItem('token')
	await axios(`${API_END_POINT}${endpoints}`, {...options, Authorization :  token});
}

const fetch = (endpoints, options) = await axios(`${API_END_POINT}${endpoints}`, {...options});

export default {
  async fetchNoticeBoardList() {
    const result = await fetch(`${API_END_POINT}${endpoints.noticeBoardList}`);
    return result;
  },

  async fetchNoticeBoardDetail(id) {
    const result = await fetch(endpoints.noticeBoardDetail(id));
    return result;
  },
};