Devut Devut

솔루션 개발 중 외부 서비스에서 사용하는 API를 만들던 중, 데이터 송/수신 과정에서 '인코딩'에 대한 이해도가 낮았던 것에 공부할 겸 3가지 인코딩에 대해서 간단히 정리하였습니다. URL Encode, URL Decode URL에 문자를 표현하는 인코딩 방식으로, 퍼센트 인코딩이라고도 부릅니다. 이때, 데이터는 ASCII 문자열을 이용해서만 전송될 수 있는데 ASCII 문자가 아닌 것들(공백, 특수문자, 한글 등..)은 인코딩이 필요합니다. 아래의 표에서 데이터를 URL 인코딩/디코딩 처리한 것을 참고하세요. 샘플 URL URL Encode 전 http://www.naver.com/search?name=홍길동 URL Encode 후 http%3a%2f%2fwww.naver.com%2fsearch%3f..

※ 다른 사이트에 더 설명이 잘 된 내용이 많습니다. 기능 정의 - SerializeJQuery에서 제공하는 기능인 serialize 메서드는 태그 내부의 값을 name=value으로 변경하면서 쿼리 스트링을 만들어준다.아래의 코드 참조~~~ 결과를 보면 태그 내부의 데이터들이 정상적으로 쿼리스트링 형태로 변경되었음을 볼 수 있습니다.(쿼리스트링으로 변경되는 값들은 하지만, serialize는 같은 key에 대해서 보다시피 name=Park&name=Kim&name=Hong 과 같이 표현한다.즉, 동일한 key에 대해 3개의 value가 해당하는데, 이를 배열로 바꿔주지 못한다.결국 serialize 메서드는 동일한 name(key)를 가지지 않는 값을 쿼리스트링으로 만들때만 유용하게 사용할 수 있다.기..

※ 다른 사이트에 더 설명이 잘 된 내용이 많습니다. ▶ AJAX (Asynchronos Javascript And XML)비동기적인 웹 애플리케이션의 제작을 위해 사용하는 웹 개발 기법으로,Ajax 애플리케이션의 핵심은 HTTP를 조작하여 페이지를 다시 불러오지 않고도 웹 서버와 데이터를 교환할 수 있도록 하는 것이다.Ajax가 하나의 특정한 기술을 말하는 것은 아니다. 사용법 - GET 방식(예제 출처: 자바스크립트 완벽가이드) 비동기 호출에 대해 한줄 한줄의 코드는 의미를 갖지만, 본 블로그에서는 한 줄에 대해서만 설명하겠습니다.request.readyState === 4 && request.status === 200; if문의 조건으로 쓰이는 이 코드는몇몇 브라우저가 readyState가 DONE..

※ 다른 사이트에 더 설명이 잘 된 내용이 많습니다. 기능 정의jQuery를 사용하여 날짜를 다룰 때, 사용하는 UI 위젯. 기본적인 사용법 - 초기 설정jQuery 객체에 대하여, datepicker 메소드에 json 타입의 데이터를 넣는다.사용할 수 있는 옵션들은 아래의 링크를 참조.(http://harui.tistory.com/75 or http://its-easy.tistory.com/12)초기 하는 방법은 아래의 코드 참조~~ 기본적인 사용법 - 설정 일부 변경때때로, datepicker의 설정을 일부만 변경하고 싶을 때가 있다.예를 들어, $('#date1')의 datepicker 옵션 중 dateFormat을 'yy/mm/dd' → 'mm-dd' 로 변경하고 싶다면 ?아래의 코드를 참조~~ ..

기능 정의keydown: 키보드를 누를 때 실행. 계속 누르고 있는 경우에는 계속 실행 됨.keypress: 키보드를 누를 때 실행. 계속 누르고 있는 경우에는 계속 실행 됨.keyup: 누른 키에서 손을 뗄 때 실행. keydown과 keypress가 같은 기능??그렇지 않다.쉽게 설명하면, keypress는 '입력할 수 있는 키보드'를 눌렸을 때에만 반응한다.예를 들어, 한글 입력, 방향키, DELETE키와 같은 즉시 TEXT에 입력이 반영되는 키보드가 아닌 것에는 이벤트가 반응하지 않는다.반면에, keydown은 키보드의 어떤 키가 눌러지더라도 반응한다. key 이벤트 동작 순서key event 사이의 동작 순서는 다음과 같다. keydown → keypress → keyup하지만, 실제 글자가 입..