본문 바로가기

JavaScript3

[Jquery Plugin 소개] form 데이터를 Object로 만들기 이번 포스팅에서는 유용한 Jquery 플러그인을 소개하려고 합니다. form 데이터를 Object로 바꿔주는 것을 도와주는 Jquery serializeObject 플러그인 입니다.왜 form 데이터를 Object 변환하는 것이 필요한가?HTML에서 사용자의 데이터를 서버에 전송하는 방법은 form을 사용하는 것 입니다. form은 form 내부의 type이 submit인 input 태그의 작동으로 인해 HTML의 기본 인터렉션이 실행되어 데이터를 전송하게 됩니다.SPA가 활성화되면서 대부분의 어플리케이션에서 기존 인터렉션의 방식 대신, 여러가지 방식으로 submit을 intercept하여 데이터를 비동기로 전송하고 있습니다. 이 때 필요한 것이 form 데이터의 Object 변환입니다.많은 프론트 프레.. 2017. 2. 9.
JSONP 알고 쓰자 JSONP 알고 쓰자!자바 스크립트는 서로 다른 도메인에 대한 요청을 보안상 제한합니다. 이 정책을 동일근원정책(Same-Origin Policy, SOP) 정책이라고 하며, 이러한 정책으로 인해 생기는 이슈를 cross-domain 문제라고 합니다. 개발을 하다보면 어쩔 수 없이 다른 도메인으로부터 데이터를 가져와야 하는 경우가 많기에 많은 사람들이 cross-domain 이슈를 겪고 있습니다.이런 경우 사용할 수 있는 것이 JSONP(JSON with Padding)입니다. 처음 JSONP를 접했을 때 잘 정리가 되지 않았던, 사용할 때 명확히 알아야 할 것들을 정리해보았습니다.1. JSONP 요청은 일반 AJAX 요청과 다르다처음 JSONP를 접할 때 우리를 혼란스럽게 하는 것은.. 다름아닌 Jqu.. 2016. 12. 18.
웹 페이지 최적화에 대한 고찰 - 스크립트 로딩 ( 동시 다운로드, 병렬 다운로드 ) 웹 페이지의 로딩 속도를 개선하기 위해 사전에 알아야 할 것이 많았습니다. 네이버 D2에 올라와있는 아주 유익한 브라우저의 동작 설명과 기본적인 웹 사이트 최적화 기법들이 적혀있는 서적을 추천합니다. 아래에 대한 대략의 내용은 알고 있어야 할 것 같습니다. 추천 글 ( 브라우저는 어떻게 동작하는가? : http://d2.naver.com/helloworld/59361 )추천 서적 (웹 사이트 최적화 기법 : http://book.naver.com/bookdb/book_detail.nhn?bid=4587095 ) '웹 사이트 최적화 기법'은 기본적인 웹 사이트 최적화 기법이 소개되고 있습니다. 알아두면 모두 좋은 내용이지만 책이 쓰여진 것은 ie8이 발표되기 이전 입니다. 브라우저의 역사를 함께 생각하면서.. 2016. 3. 27.