React - 프로젝트 생성하기

1. node.js 설치 nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 해당 페이지에서 운영체제에 맞는 파일을 받아 설치한다. 설치 후 cmd 를 실행하여 노드 및 npm설치 여부를 확인한다. 노드를 설치하면 자동으로 npm이 설치 된다. npm 은 노드에서 사용하는 오픈소스 및 라이브러리를 다운받기 위한 도구로 친해져야한다. 2. npx 설치 npm i npx 를 통해서 npx를 설치한다. 3. create-react-app 이제 cmd 창에서 경로를 이동하여 원하는 위치에 리액트 프로젝트를 만들 것이다. 경로 이동 후 npx cr..

2021.05.03

Express JS - cors 허용하기 (2)

미들웨어를 사용하여 cors를 허용했는데 MVC 분할을 하면서 router를 적용하니 cors 허용이 안된다. 이를 해결하기 위한 다른 방법을 적용시켰다. app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); next(); }); router가 살행되기 전 위처럼 헤더에 요청값을 허용해주면 cors 허용이 된다.

2020.09.04

Express JS - CORS 허용하기

CORS란 무엇인가 CORS란 Cross Origin Resource Sharing의 약자로, 현재 도메인과 다른 도메인으로 리소스가 요청될 경우를 말한다. 예를 들어, 도메인 http://A.com 에서 읽어온 HTML페이지에서 다른 도메인 http://B.com/image.jpg를 요청하는 경우를 말한다. 이런 경우에 해당 리소스는 cross-origin HTTP 요청에 의해 요청된다. 보안 상의 이유로, 브라우저는 CORS를 제한하고 있다. 하지만 SPA(Single Page Application)의 경우에는, RESTful API를 기반으로 비동기 네트워크 통신을 하기 때문에 API 서버와 웹 페이지 서버가 다를 수 있다. 이런 경우에 API 서버로 요청을 할 시에 CORS 제한이 걸리게 된다. ..

2020.09.01