javascript
-
javascript ajax 크로스 도메인 요청 하기 (CORS)Front-end 2015. 3. 22. 16:55
개요 웹 개발시 자바스크립트로 외부 서버의 경로로 ajax요청을 날리면 에러가 나면서 요청이 실패한다. 웹 브라우저의 콘솔창에 아래와 같은 메시지를 보게 된다. 크롬 No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ‘[요청한 도메인]' is therefore not allowed access. 파이어폭스 교차 출처 요청 차단: 동일 출처 정책으로 인해 [요청한 도메인]에 있는 원격 자원을 차단하였습니다. (원인: 'Access-Control-Allow-Origin' CORS 헤더가 없음). 외부로 요청이 안되는것은 자바스크립트 엔진 표준 스팩에 동일 출처 정책(same-origin policy)이라는 ..
-
자바스크립트 라이브러리 버전 관리 webjars 로 쉽게 하기Front-end 2015. 2. 2. 01:03
배경최근들에 웹 개발을 할때 격게 되는 문제중 하나가 자바 스크립트 라이브러리 관리관련 문제이다. 요즘 자바 웹 프로젝트에서 자바 라이브러리들은 maven으로 체계적인 라이브러리 버전관리가 가능한데 javascript 라이브러리들은 특성상 이런 수준의 버전관리가 이루어진적이 없다. 사실 적어도 얼마전까지의 웹 개발에서 javascript 라이브러리들은 이렇게 체계적인 관리까리 될 필요는 없었다.보통 jquery 최신 버전만 다운받아서 넣어두면 별다른 관리가 필요하지 않은 수준이였다.하지만 최근의 웹 개발들은 웹페이지에서 요구되는 기능 복잡도가 높아지면서 다양한 javascript 라이브러리 들이 만들어지고 또사용한다.이렇다 보니 javascript간에 의존관계도 생기게되고 버전별로 충돌이 생기거나하는 일..
-
[팁]자바스크립트 json 객체 인트로스펙션Front-end 2014. 3. 17. 22:26
자바스크립트 객체에 어떤 키 와 값이 있는지 확인 하는 방법을 알아보자 아래는 일반적인 자바스크립트 객체(json)이다. var someObj = { Accept: 'application/json', date: 'Sun, 16 Mar 2014 17:16:39 GMT', content-encoding: 'gzip'} 위의 someObj 객체의 속성에 접근하기 위해서는 일반적으로 아래와 같이 사용한다. someObj.date //application/json 값을 나타냄someObj.Accept = 'text/plain' //Accept 속성에 'text/plain'값을 할당함 만약 어떤 객체에 어떤 속성이 있는지 미리 알 수 없지만 알아내야 한다면, 아래와 같이 속성 이름을 찾을 수 있다.(객체의 속성이름..