✨[Feat] block 생성 api 호출하는 함수 생성 #111

[lumpenop]

작업사항

• block post api 호출하는 함수 생성

미리보기, 사용방법 및 결과물

생성한 함수

export const postBlock = async (
  path: string,
  params: { [index: string]: string | number },
  router?: AppRouterInstance,
) => {
  const token = sessionStorage.getItem("token");
  if (!token) {
    if (router) router.push("/login");
    return;
  }
  params["sequence"] = (await getSequence(token)) + 1;

  try {
    const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL}${path}`, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        Authorization: `Bearer ${token}`,
      },
      body: JSON.stringify(params),
    });
    const responseJson = await response.json();
    if (response.ok) {
      console.log("성공");
      return responseJson;
    } else {
      const { status } = response;
      const { message } = responseJson;
      if (status === 500) {
        alert("서버 에러");
      }
      console.log(`Error: ${status}, Message: ${message || "Unknown error"}`);
    }
  } catch (error) {
    throw new Error(error instanceof Error ? error.message : "알 수 없는 에러");
  }
};

사용

const addImageBlock = () => {
    const params = {
      type: 4,
      title,
      url: connectingUrl,
      imgUrl: selectedImageUrl,
    };
    postBlock("/api/link/add", params, router).then((res) => {
      if (res) console.log(res);
    });
  };

기타

논의 후 사용하는 편이 더 불편하다 하시면 삭제할 예정입니다

작성일

2024.10.22

[s-ja]

확인했습니다! 고생하셨어요 :)