오류 해결 2

[오류 해결] 첫 렌더링 시 msw 404 에러 해결하기

📌문제매번 첫 렌더링 시에는 msw의 모킹 API를 찾지 못하는 404에러가 발생했다 ㅠㅠ근데 또 새로고침을 하면API를 잘 받아오는 오류가 발생했다 ㅠㅠ🤚첫번째 시도 - 공식 문서 확인하기보통 오타나 철자를 빼먹는 실수로 인해 오류가 많이 생겨서 내가 빼먹은 게 있나 공식 문서를 확인했다.import React from 'react'import ReactDOM from 'react-dom'import { App } from './App'async function enableMocking() { if (process.env.NODE_ENV !== 'development') { return } const { worker } = await import('./mocks/browser') // ..

[오류 해결] CORS 오류 Access to fetch at 'http://localhost:7777/joinup' from origin 'http://127.0.0.1:3000' has been blocked by CORS policy ... 해결하기

회원가입 api 테스트를 하던 중 status 상태 코드는 나오지 않고 자꾸 오류가 발생했다.무엇인지 보니//이미지CORS 오류가 발생했다 ㅜㅜ CORS와 오류발생 이유Cross Origin Resource Sharing의 약자로 교차 출처 리소스 공유라는 뜻이다.HTTP 헤더를 이용하여 리소스에 대한 출처 간 접근을 제어하는 보안 메커니즘이다.CORS 헤더Access-Control-Allow-Origin : 응답을 공유할 수 있는지 여부 나타내기Access-Control-Allow-Headers : 실제 요청을 할 때 사용할 수 있는 HTTP 헤더를 나타내기 위해 실행 전 요청에 대한 응답으로 사용Access-Control-Allow-Methods : 실행 전 요청에 대한 응답으로 리소스에 접근할 때 ..