크로스 브라우징
-
HTTP 접근 제어 (CORS) :: 마이구미크로스 브라우징 2017. 9. 15. 21:43
이 글은 Cross-Origin Resource Sharing(CORS) 에 대해 다뤄본다.즉, 크로스 도메인 관련 내용이라고 보면 된다.번역된 공식 문서를 참고해도 좋다.https://developer.mozilla.org/ko/docs/Web/HTTP/Access_control_CORS CORS는 무엇인가? 다른 도메인으로부터 요청될 경우, 일반적인 HTTP 요청이 아닌 cross-origin HTTP 요청으로 처리하게 된다.브라우저는 보안상의 이유로 cross-origin HTTP 요청을 제한하게 된다.이유는 단순히 same-origin 정책이다.이러한 불편함으로 인해, 시간이 지나 W3C에서 대안으로 CORS 메커니즘을 내놓은 것이다. CORS는 어떻게 동작되는 건가? CORS는 라이브러리 혹은 ..
-
ie에서 indexOf() 해결 방안을 알아보자.크로스 브라우징 2016. 6. 19. 15:05
이번 글은 자바스크립트의 Native 메소드인 indexOf()에 대해서 알아보자. 누구나 한 번쯤은 썼을 것이다. 유용한 메소드이기 때문이다.간략히 말하면 문자열의 위치를 알려주는 메소드이다.간단한 예제를 보자. var str = "자바스크립트 indexOf" str.indexOf('indexOf') // 7 var arr = ['자바스크립트','indexOf'] arr.indexOf('indexOf') // 1 indexOf를 사용할 때 뭔가를 찾고 싶을 때 사용할 것이다. 여기서 내가 말하고자 하는 것은 indexOf 메소드는 하나의 메소드가 아니다.무슨 말이냐하면.indexOf 메소드는 String의 네이티브 메소드, Array의 네이티브 메소드 각각의 네이티브 메소드이다.즉 기능은 같지만 엄연히..
-
크로스 도메인 No 'Access-Control-Allow-Origin' 해결해보자크로스 브라우징 2016. 6. 11. 15:33
이번 글은 크로스 도메인에 관련된 글이다.웹 개발 하는 도중 크로스 도메인 문제를 안 겪은 사람은 없을 것이다.해결방법은 여러가지 있겠지만, 이 글에선 jsonp를 통해 해결해보겠다.client는 당연히 javascript를 이용할 것이고, server는 nodejs를 이용하겠다. client 도메인 - 'http://182.161.117.18' server 도메인 - 'http://182.161.117.18:8888' $.ajax({ url: 'http://182.161.117.18:8888/', type: 'get', dataType: 'json', contentType: "application/json", success: function (data) { }, error:function(request..
-
ie에서 JSON.stringify 지원하지 않는 문제를 해결해보자크로스 브라우징 2016. 6. 11. 13:09
이번 글은 JSON으로 인한 하나의 문제를 다뤄본다.그 문제의 원인은 ie8이하부터는 지원되지 않는다. (항상 ie가 문제다..) 일단 JSON이 무엇인지 알아보자.JSON은 풀어보면 JavaScript Object Notation 자바스크립트 객체 표기법이다.말 그대로 자바스크립트에서의 데이터를 객체로 표현하는 형식이다. JSON은 프로그래밍 언어가 아니라 단순히 데이터 포맷 or 데이터 표현이라고 보자.XML과 비슷하지만 조금 더 간단하다. 본인도 JSON.stringify()을 이용할려고 하니 ie쪽에서 말썽이었다.대부분 json2.js 또 해석하기가 까다로운 소스들이 나와있다.본인은 구지 하나 때문에 스크립트 파일을 추가하거나 해석도 못할 소스를 넣는 것도 내키지 않았다. 그렇기에 본인은 jque..