fetch 함수 get 속성 심화

 

 

const response = await fetch(`${backendBaseUrl}/${num}/`,

{ method: 'GET', mode: 'cors', headers: { 'X-CSRFToken': csrftoken, 'Authorization': 'Bearer ' + token, }

})

 

mode 속성: CORS (Cross-Origin Resource Sharing) 설정을 지정합니다. 'cors': 클라이언트의 도메인이 백엔드 서버의 도메인과 다를 경우에도 요청이 허용됩니다.

headers 속성: 요청 헤더를 지정합니다.

- X-CSRFToken 헤더- CSRF 공격을 방지하기 위한 보안 토큰을 전달하는 데 사용됩니다.

csrftoken: 변수 또는 상수로 해당 토큰 값을 가정합니다.

Authorization 헤더: 사용자 인증을 위한 토큰을 전달하는 데 사용됩니다.

'Bearer ' + token: token 변수 또는 상수에 저장된 토큰 값을 Bearer 스키마와 함께 전달하는 것을 의미.

이 코드는 비동기 함수 내에서 실행되어야 합니다. await 키워드를 사용하여 fetch 함수가 완료될 때까지 대기하고, 서버에서 반환된 응답을 response 변수에 저장합니다.