웹개발 일지

React 프로젝트를 진행하던 중에 react-bootstrap을 적용하기 위해 해당 패키지를 설치 후 작업을 진행하였다. 작업을 두대의 기기에서 번갈아가며 진행하는 상황이었다. 처음 작업을 진행하였던 1번 기기에서는 패키지 설치치 후 bootstrap이 잘 적용되는 것을 확인하였다. 문제는 2번 기기에서 작업한 소스를 git pull 진행 후 로컬에서 구동을 진해하였으나 아래와 같은 에러 메시지가 발생하였다. PS 프로젝트경로> npm run start npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. npm WARN npm npm does not support Node.js v16.1..

발단 개인 프로젝트 진행 중 백엔드 API 서버 완성 후 프론트 프로젝트를 React를 통하여 구현 중이었음. POSTMAN 툴을 사용하여 백엔드 API 서버를 호출하였을 때 결과는 의도한대로 동작하는 것을 확인하였음. React에서 axios 라이브러리를 활용하여 백엔드 API 서버를 호출하는 과정에서 결과가 넘어오지 않는 상황이 발생하였음. 콘솔창을 확인한 결과 CORS 에러가 발생하고 있었음. 두 부분에 걸쳐서 해당 이슈를 조치하였음. 작업 구성 - 프론트서버 : http://localhost:3000 - 백엔드서버(apigateway의 역할) : http://localhost:5555 원인 분석 및 조치 CORS란? Cross-Origin Resource Sharing의 약자로 교차 출처 리소스 ..