[Team Project] Bid Panda ep.3

✶ 항해99 16기 3조
팀 프로젝트 Bid Panda의 FE 개발일지

Issue ▸

백엔드 서버와의 협업은 까다로운 일이지만 즐거운 일이다. 요청의 위치가 잘못된 경우, config나 header가 없는 경우, api주소를 잘못 가공할 경우, 메소드를 잘못 지정할 경우, JSON, Query Parameter, 등의 요청 요소를 잘못 설정한 경우 등... 문제가 일어날 곳은 정말 많았다. Swagger UI가 있었지만, 그보다 더 여러가지 문제를 우리는 만나게 되고, 그것을 사람 대 사람으로 풀어내야 한다. 어려운 일이다.

Solve :

// 데이터가 객체로 넘어오는 경우
export const CheckValidateCodeApi = async (data: {
  code: string;
  email: any;
}) => {
  try {
    const res = await axios.post(
      `${import.meta.env.VITE_REACT_API_KEY}/api/members/email/verify`,
      { authKey: data.code, email: data.email }
    );
  } catch {}
};

// 전면 컴포넌트의 form data나 state를 받아와 path에 담을 때의 상태
export const CheckNicknameApi = async (nickname: any) => {
  try {
    await axios.get(
      `${import.meta.env.VITE_REACT_API_KEY}/api/members/nickname/${nickname}`
    );
  } catch {}
};

// Request Body에 데이터를 담아 보내줘야 할 때
interface UserRegisterData {
  membername: string;
  nickname: string;
  password: string;
  email: string;
}

export const UserRegisterApi = async (data: UserRegisterData) => {
  try {
    const res = await axios.post(
      `${import.meta.env.VITE_REACT_API_KEY}/api/members/signup`,
      data
    );
  } catch {}
};