RestfulApi 에서 method에 따른 body 의 유무

• POST , PATCH -> body 있음
• DELETE, GET -> body 없음
  (DELETE 는 body 를 사용할 수는 있지만 body 를 사용하면 효율아 떨어지기 때문에 사용하지 않음,
  query 를 대신 사용함)

status 가 204인 경우

• 삭제 성공 시 백은 프론트에게 status를 204로 주며 성공했다는 의미를 보낸다.
• 204를 사용하는 경우 reponse를 보낼 수 없다.
• status, statusText 로 프론트는 삭제 성공을 확인하고 다음 행동을 해야 한다.

에러 처리

• 변경 전

switch (res.message) {
  case 'SUCCESS':
    alert('장바구니에 추가했습니다');
    break;
  case 'BOOK_NOT_EXIST':
    alert('존재하지 않는 책입니다.');
    break;
  case 'BOOK_ALREADY_EXIST':
    alert('이미 구매한 책입니다.');
    break;
  case 'INVALID_CART':
  case 'KEY_ERROR':
    alert('에러입니다.');
    break;
  default:
    break;
}

• 변경 후 1차

const ERRORS = {
  SUCCESS: '장바구니에 추가했습니다.',
  BOOK_NOT_EXIST: '존재하지 않는 책입니다.',
  BOOK_ALREADY_EXIST: '이미 구매한 책입니다.',
};

// ...

if(ERROR[res.message]) {
	return alert(ERRORS[res.message])
}
alert('에러입니다');

• 변경 2차
  -> 에러 부분만을 처리하는 js 파일 생성

modal 스크롤 없애기(+최상단으로 올라가지 않게 하기)

  useEffect(() => {
    const scrollY = window.scrollY;
    document.body.style.overflow = 'hidden';

    return () => {
      document.body.style.cssText = '';
      window.scrollTo(0, parseInt(scrollY * -1 || '0', 10) * -1);
    };
  }, []);

• 이 방법은 사실 매끄럽지는 않다 그래서 더 매끄러운 방식을 찾아볼 예정