feat: http 요청 custom hooks 작성

[gchoi96]

Feature

http 관련 custom hooks 작성

• 배경
  • http 요청을 보낼 때마다 작성해야하는 코드가 많고, 가독성이 떨어짐
• 목적
  • http 요청 관련 로직을 custom hooks로 분리

과정

• useHttpGet, useHttpPost, useHttpPatch 훅 작성
• 기존 http 요청 부분 변경

결과 (스크린샷 등)

AS-IS

   const onSubmitSignUp = async () => {
        if (!checkFormValidation()) return;
        axios
            .post("http://localhost:4000/user", {
                userId,
                password,
                pace: pace.minute * 60 + pace.second,
                hCode,
            })
            .then((res) => res.status === 201 && navigate("/", { replace: true }))
            .catch(console.log);
    };

TO-BE

   const { post } = usePost();
   const onSubmitSignUp = async () => {
        if (!checkFormValidation()) return;
        try {
            await post("/user", { userId, password, hCode, pace: pace.minute * 60 + pace.second });
            navigate("/", { replace: true });
        } catch (error: any) {
            alert(error.message);
        }
    };

관련 issue 번호 (링크)

• feat http 관련 custom hooks 작성 #75

테스트 방법

Commit

[June1010]

LGTM

[claycat]

LGTM