Ryu.log

webpack 설정 파일 정리 React를 사용하려고 웹팩을 쓰려하면 핵심 파일인 webapck.config.js파일의 설정값이.. 작성하려 할때마다 까먹는다.. 자꾸 까먹다보니 자꾸 다시 검색을 하게되고... 악순환 그래서 각 속성들의 역할들을 정리 해놓는다. package.json 먼저 package.json파일에 어떤 디펜더시가 들어가는지 확인해본다. // packaage.json file { "name": "Webpack Setting", "version": "1.0.0", "description": "Webpack Setting", "main": "index.js", "scripts": { "dev": "webpack" }, "author": "Junho Ryu", "license": "ISC"..

Webpack Proxy 설정으로 CORS 도메인 문제 해결 CORS (Cross-Origin Resource Sharing) 란? 웹브라우저에서 외부 도메인 서버와 통신하기 위한 방식을 표준화한 스팩이다. 서버와 클라이언트가 정해진 헤더를 통해 서로 요청이나 응답에 반응할지 결정하는 방식으로, 교차 출처 자원 공유(Cross-Origin Resource Sharing)라는 이름으로 표준화가 되었다. Webpack Proxy 설정으로 CORS 도메인 문제 해결 웹 개발 시 JavaScript 를 통해 http 요청을 날리면 콘솔창에 에러가나면서 실패한다. 이 에러를 간단하게 말하자면 동일 출처 정책으로 인해 같은 도메인이 아니라면, 요청받은 도메인 헤더에서 CORS를 활성화하지 않는이상 브라우저 단에서 ..