[React] 에러코드와 fetch함수

fetch함수 인자 2개

fetch("API 주소", {
  method: "POST",
  body: JSON.stringify({
    email: id,
    password: pw,
  }),
})
  .then((response) => response.json())
  .then((result) => console.log("결과: ", result));

API주소 : 백엔드에게 요청
둘째인자 : 옵션
method : "POST"(db변경가능) / "GET"(기본값, 가져오기만)
body : 백엔드에게 줄 데이터 담는부분
JSON.stringify : 백과 통신할 때 언어적 차이를 해소
.then() : 비동기적인 fetch 함수에서 통신이 끝난 후(동기적으로) 실행하기 위해 사용

useEffect(() => {
  fetch('http://localhost:3000/data/feedData.json', {
    method: 'GET',
  }).then(res =>
    res.json().then(data => {
      setfeedVal(data);
    })
  );
});

에러코드(경험했던것만 기록)

404 : 연결은됐는데 유효하지 않은 주소일 때
409 : 충돌(중복 등)
500 : 주로 백엔드쪽 로직 에러(하지만 프론트에서 오타 등으로 존재하지않는 키를 요청했을 때 발생할 수 있다!!!!)