오늘은 CORS 관련 오류 해결을 하나 스윽 적고 가려고 해요! 일단 마주한 에러는 제목과 같은 내용이며 프론트에서 fetch를 통해 rest api를 호출하는 과정에서 아래 사진과 같은 에러를 접했을 경우에 해결하는 방법에 대해 알아보도록 하자! 에러 내용은 아래 사진처럼 access to fetch at 'api 주소' from origin has been blocked by CORS policy 인데 개발을 시작했다면 볼 수 밖에 없는 에러이니 확실히 알고갑시다! 먼저 CORS 이슈가 뭔지 간단하게 알아보도록 할까요?!! 1. SOP (same-origin policy) 이란 ? 같은 Origin 으로만 요청을 보낼 수 있도록 제한되어 있는 보안 정책! Origin의 구성은 URI Schema / ..

이전에 javaspring을 실행 중 만난 오류에 대한 해결 방법을 빠르게 보도록 할께요~! 일단 오류의 내용은 이러합니다! Error starting ApplicationContext. To display the conditions report re-run your application with 'debug' enabled. The Tomcat connector configured to listen on port 8080 failed to start. The port may already be in use or the connector may be misconfigured. Verify the connector's configuration, identify and stop any process that..

프로젝트를 시작하기위해선 어떤 환경에서 개발을 할지 생각을 해봐야한다! ​ 그 중에 NextJs로 개발환경을 구축하는 과정에 대해 알아보고자 한다. ​ 일단 한가지는 보안 전문회사라 개발pc의 보호를 위해 외부망도 쓰지 않고 인터넷도 차단된 공간에서의 오프라인 설치..... 과정이다 ​ 아 물론! 패키지설치를 위한 npm은 작동된다! ​ 일단, 확실한건 create-next-app이 불가능하기에 다음과 과정으로 next를 수동설치하게 되었다. ** 수동설치 필요없는 분은 npx create-next-app 한 방이면 끝!!!!!! ​ 1. Next / React 설치! ​ 먼저 아래와 같이 터미널에 입력하여 package.json과 react next typescript 기반으로 설치를 할 수 있다! 사..