2022.08.08 JS axios를 Client에서 사용할때 뜨는 CORS 오류

주말에 일어난 일

주말에 친구집을 가서 놀다가 새벽에 친구가 만들고 싶다는 학교 시간표 웹을 제작하는 모습을 보며 훈수를 두고 있었습니다...

근데 굉장히 익숙한 CORS 오류를 오랜만에 만나서 반가웠습니다 ㅋㅋㅋ

 

CORS(Cross Origin Resource Sharing) 오류는...

브라우저에있는 CORS 정책이 있는데 그것에 위배되어서 생기는 오류라고 알고있습니다.

자세한 부분은 저보다 다른 분들이 더 잘아시기 때문에 자료를 올리겠습니다.

 

CORS란... https://evan-moon.github.io/2020/05/21/about-cors/ 

 

그래서 저희는 이렇게 CORS 오류를 해결했습니다.

CORS 오류 해결 방법

원래는 웹에서 바로 JS로 학교 시간표 API에 요청했지만, 학교 시간표 API에 요청하는 서버를 하나 따로 만들어서 웹은 요청하는 서버에 API를 가져와달라고 요청하고, 서버는 웹에서 요청이 오면 API에 정보를 가져와서 웹으로 다시 정보를 줍니다.

 

소스코드... https://github.com/yddl3013/Timetable

GitHub - yddl3013/Timetable

마치며

아무래도 방학이다보니 개발이 손에 잡히지를 않아서 글도 자주 쓰지 않게 되네요.

그래도 마지막 방학이니 되게 열심히 방학을 보내고 있습니다.

개발 공부에 찌들었던 저의 삶과 제 정신을 좀 회복하는 계기가 된거 같습니다.

그럼 또 다음에 글로 만나뵙겠습니다.

감사합니다.