TIL #035

오늘 한 일

Bookstack

에러 Fix

• Month가 제대로 계산되지 않던 에러
• 책 이미지가 깨지는 에러

기능 Feat

• 프론트엔드 배포 (vercel, 배포 링크)

오늘의 에러

http status : canceled

문제 상황

http request를 보낼 때마다 status가 canceled로 변경되면서 강제로 http 통신이 종료되는 문제

문제 원인

axios의 apiClient 의 timeout 설정으로 인한 문제였다. timeout 제한을 1500으로 해 두었는데, response가 1500안에 돌아오지 않아 강제로 종료되던 것

// instance axios
const apiClient = axios.create({
  baseURL: BASE_URL,
  timeout: 1500,
});

문제 해결

axios의 apiClient timeout 설정을 3000으로 늘려주었다.

// instance axios
const apiClient = axios.create({
  baseURL: BASE_URL,
  timeout: 3000,
});

오늘 느낀 점

프론트와 백엔드 간 통신하는 데이터 규격이 엉망진창임을 느꼈다. 매우 매우 신경 쓰였지만, 일단 명세한 기능들을 구현하는 것에만 집중했다. 데이터 규격은 한번 날 잡고 정리하는 것이 필요할 듯하다.

vercel을 통해 프론트엔드 프로젝트 (Next.13)을 배포했다!! Vercel의 친절한 UI에 감사할 따름. 최근에 Fly와 Vercel 두 방식으로 배포를 진행해 봤는데, 개인적으로 더 쉬었던 것은 Vercel이었다. 이번주 주말에 Fly와 Vercel을 비교하는 글을 작성해 보는 것도 좋을 듯. (덧붙여 각각 배포 방식에 대한 글도!)

참고로 Vercel 로그인 도중 계정이 Github이 연동 안되고 튕기는 문제가 있었는데, 팝업이 차단된 것이 문제였다. 😂