React.js에서 CORS 처리하기 동일 출처 정책으로 인해 자바스크립트는 동일한 서버 도메인에서 가져온 정보만을 처리할 수 있다. 즉 외부의 서버 api에 접근하려면 별도의 처리가 필요하다. 그 별도의 처리가 cors 처리다. 대부분의 오픈 api들은 이 처리가 되어 유포되지만 간혹 cors 처리가 되어있지 않은 api에 접근해야 하고, 프론트엔드로만 처리해야 하는 상황이라면 아래의 방법을 사용하면 된다. 1. 크롬 익스텐션 사용하기 https://chrome.google.com/webstore/search/cors?hl=ko 위 주소로 가서 맘에 드는 익스텐션을 설치 후 사용하자. 단, 기능이 ON 되어 있을 때 웹에 약간의 장애가 나타날 수 있으니 주의. 2. package.json 에 proxy..
개발환경 구성하기 1) node.js 설치 $ brew install node 2) yarn 설치 npm을 wrappering 한 형태. npm 개선판. npm이 있어야 사용 가능 (npm은 node.js를 설치하면 자동으로 설치된다.) $ brew install yarn 프로젝트 시작 create-react-app webpack, babel 등 react를 사용할 때 같이 사용해야 할 라이브러리들을 별도의 설정 필요 없이 한 번에 설치해주는 명령어 참고: https://github.com/facebook/create-react-app my-app이라는 이름으로 react 프로젝트 폴더를 생성한다고 하면, $ yarn create react-app my-app 이후 해당 프로젝트를 실행하려면 $ cd m..