Developer13 [ Web ] Ajax 크로스도메인 요청-CORS @ 어디서 궁금증이 생겼나? Rest API 서버와 React 를 Ajax와 Tomcat을 이용한 데이터 이동을 할때 같은 http://localhost: {포트 넘버} 서로 다른 포트번호를 접근하려 보니 CORS 오류를 발견하게 되었다. @ 공부 크로스 도메인 (Cross Domain )문제는 "SOP(same Origin Policy" 보안 정책으로 인해 크로스 오지진으로부터 데이터를 로드 할 수 없는 현상이라고 이야기 할 수 있습니다. 예로 www.naver.com 도메인에서 호출된 AJAX 는 네이버 도메인 내에 있는 URL만을 호출 할수 있다. 결국 다른 도메인 URL을 AJAX로 호출할 수 없다는 뜻입니다. 다른 말로 샌드박스 ( 어린애들 다른 곳으로 못 뛰어 놀게 하기 위해서 만든 모래 놀이.. 2019. 8. 12. [ git ] Github에 잘못 올라간 파일 삭제하기 1. 원격저장소에서 파일 삭제 // .idea/modules.xml 파일 삭제 $ git rm --cached .idea/modules.xml // .idea 폴더 하위의 모든 파일 삭제 $ git rm --cached -r *.DS 2. .gitignore 통해서 설정하기 깃 저장소를 이용해서 해도 되고 솔루션을 통해서 해도 된다. 난 gitkraken 을 이용한다. 파일들을 위에 오른쪽 마우스를 누르게 되면 gitignore 파일을 만들수 있다. Reference https://gmlwjd9405.github.io/2018/05/25/git-add-cancle.html 2019. 8. 3. import, webpack, class Import import > ES6 에서 새로 나온 기능 원래는 var React = require('react')var Component = React.Component 하지만 웹브라우저에서 실행되는 것이기 때문에 Node.js 기능은 제공되지 않습니다. Webpack 보통 웹브라우저는 script 태그를 사용하여 여러 파일을 불러오곤 합니다. 하지만 이런 특징을 웹브라우저에서도 비슷하게 사용할 수 있는 방법이 있는데 그것이 번들링(Bundling) 도구를 이용하는 것입니다. ("번들링은 묶는다" 뜻 입니다.) 번들링 도구는 Browserify, RequireJs, webpack 이 있는데 React, Vue에서는 webpack이 추세입니다. require 또는 import 로 모듈을 불러왔을 때 번들.. 2019. 3. 19. Ajax Ajax는 Ajax(Asynchronous JavaScript and XML, 에이잭스)는 비동기적인 웹 애플리케이션의 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법이다.표현 정보를 위한 HTML (또는 XHTML) 과 CSS 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM, 자바스크립트 웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위한 XML, XSLT, XMLHttpRequest (Ajax 애플리케이션은 XML/XSLT 대신 미리 정의된 HTML이나 일반 텍스트, JSON, JSON-RPC를 이용할 수 있다) 출처: 위키백과 기존 웹 애플리케이션은 브라우저에서 폼을 채우고 이를 제출을 하면 하나의 요청으로 웹 서버는 요청된 내용에 따라서 데이터를 가공하여 새로운 웹 페이지를 .. 2019. 3. 12. 이전 1 2 3 4 다음
