JavaScript Obejct 형식의 데이터를 덤프하여 내용 보기

JavaScript의 Object 형식의 데이터는 내용을 보기 쉽지 않아 별도의 디버깅 툴을 이용하여 내용을 확인하게 됩니다. 급할때 다음과 같이 Objec 데이터를 덤프해주는 함수를 추가하여 내용이 무엇이 들었는지 확인하는 방법도 괜찮을 것 같네요. ^ ^ 아래는 자바스크립트(JavaScript) 소스입니다. 99 소스에서 보시다시피 위에는 dumpObj()에 대한 선언이 있고 아래 간단히 테스트로 var object1 을 배열로 선언해 1~4까지 각각 값을 할당하고, 배열 안의 값을 출력하는 내용입니다. 출력 할 때에는 출력내용이 줄단위로 표현되는 것을 제대로 보여주기 위헤 'pre' 테그로 감쌌습니다. 예상대로 결과는 다음과 같이 나옵니다. object 0: 1 1: 2 2: 3 3: 4 참고 : ..

• format_list_bulleted JavaScript
• · 2008. 2. 12.
• textsms

innerHTML 을 사용할 때 속도를 위한 주의사항

당연히 알고 있을 내용이지만.. 아래 소스를 일단 분석해보면 1. 첫번째 붉은 코드는 div테그의 innerHTML에 직접 문자열을 추가해 나가고있고, 2. 두번째 붉은 코드는 먼저 문자열을 변수에 더해 담고, 전부 완료된 후 한번에 innerHTML에 넣고 있다. innerHTML은 화면에 표시되는 브라우져 출력 버퍼에 내용이 보내지게 되는 Property(속성) 값이라 I/O 처리가 들어가게된다. 때문에 메모리에서 처리한 후 단 한번의 브라우져 출력 버퍼로 I/O를 수행하는 2번째 코드가 훨씬 빠른 성능을 낼 수 있다. 그러므로 반복구문(for, while)에 innerHTML에 값을 넣는 실수는 하지 않도록 하자. 예제 page. http://samples.msdn.microsoft.com/work..

• format_list_bulleted JavaScript
• · 2008. 2. 1.
• textsms

Yahoo Map API

http://kr.open.gugi.yahoo.com/ Version 3.7 야후! 지도 AJAX API – 클래스 참조문서 http://kr.open.gugi.yahoo.com/document/reference.php 1: 2: 3: 4: 5: 11: 12: 13: 48: 49: 50: 51: 52: 53: 54: 55: Yahoo 지도 API를 이용해 회사 근처의 '교보문고' 를 축소 3단계로 검색하고, 지도에 마크를 표시하도록 처리해 본 소스입니다. 보다시피 내용이 어렵지 않고 메소드도 간결하여 자바스크립트로 지도를 가지고 하는 처리를 쉽게 작성할 수 있을 듯 하네요.

• format_list_bulleted JavaScript
• · 2008. 1. 15.
• textsms

Javascript 를 이용하기 쉽게 정리된 메소드, 이벤트, XHR 등 정리 목록

자바스크립트를 사용하면서 함수, 메소드, DOM관련 메소드, XHR관련메소드, 이벤트, 정규표현식 등 한번 사용해 봤지만 다음에 사용하다보면 잘 기억나지 않는 경우가 많이 있다. 아래와 같이 JavaScript에 관련된 잘 정리된 목록을 인쇄해 두면 Javascript를 이용할 때 유용하고 빠르게 찾을 수 있지 않을지 생각한다. PNG, 93KB PDF, 95KB http://www.ilovejackdaniels.com/cheat-sheets/javascript-cheat-sheet/

• format_list_bulleted JavaScript
• · 2008. 1. 10.
• textsms

QueryString 공백, 특수문자 자바스크립트 처리

쿼리 스트링(Query string)을 자바스크립트로 받아서 클라이언트 상에서 처리를 해야하는 경우가 많이 있게된다. 이런 때에 주소에 공백이 들어가거나 하는 경우에 문제가 생기는데 이를 제대로 처리하기 위해 공백을 2번 변환하는 과정이 필요하게 된다. 다음 아래 소스를 확인해서 차후에 작업에 문제가 생기지 않도록 하자. // URI의 공백 처리 / 특수문자 제거 strInput=window.location.search.substring(1,window.location.search.length); strInput = String(strInput.replace(/%2520/g,"%20")); //공백 제거 spaces = new RegExp("\%20", "g"); strPath = strPath.repl..

• format_list_bulleted JavaScript
• · 2007. 12. 5.
• textsms

JavaScript Caps Lock

로그인 하다보면 암호를 입력하는 부분에서 CapsLock 키가 눌려있는지 확인하지 않아 대문자로 입력해 비밀번호가 틀렸다는 메시지를 볼 때가 있다 이럴 때에 아래와 같은 스크립트를 활용하여 Caps Lock 키가 눌려 있는 것이 아닌지 확인해주는 코드를 이용하면 좋지 않을까 생각한다. 아래의 코드는 사이트에 적용되어 있는 코드부분을 스크랩해온 내용이기 때문에 자신의 사이트에 적용하기 위해 조금의 손질을 해야 할 것이다. CapsLock 키가 눌려있습니다.

• format_list_bulleted JavaScript
• · 2007. 11. 15.
• textsms