Study

백엔드와 프론트엔드 연결하기

fetch, CORS체크

내장되어있는 fetch함수를 통해 연결한다.

fetch('링크',{
  method: 방법,
  headers: ...,
  body: ...,
})

fetch만을 사용하면 에러가 발생하므로, app.use에 setHeader를 통해 기본적인 header를 설정해줘야 한다.

loading, error

데이터 받아오기 전까지 loading처리, error가 뜨면 error처리를 한다.
에러처리를 할때, 400번대와 500번대가 에러긴 하지만 응답을 받아온 것이므로 응답처리를 한다. 응답api에 저장되어있는 ok를 통해 오류를 제어할 수 있다.

ky

fetch()를 사용하면 쓸 것도 많고, 에러관리도 ok를 사용해서 따로 해줘야 한다. ky 라이브러리는 이 처리를 간단하게 할 수 있게 돕는다.

I

수강신청

수강신청 올클! 3학기 0.1초 빨리 눌러버린 아픔을 딛고 일어나 100번대로 진입해서 올클에 성공했다ㅠㅠ
소정민 교수님이 홀짝 빌넣만 받아주신다면 더할나위 없다...