본문 바로가기

javascript

자바스크립트 숫자 자바스크립트는 숫자를 IEEE 754표준에 의해 정의되는 64비트 실수 형식을 사용하여 표현한다. 따라서 ±1.7976931348623157 X 10 308승 만큼 크고 ±5자 X 10 -324승 만큼 작은 숫자를 표현할 수 있다. (단 32비트의 경우는 조금 다를 수 있으며 표1과 같이 MAX_VALUE, MIN_VALUE를 이용하여 확인하면 된다.) 자바스크립트는 표현 가능한 유한 수보다 더 큰 값은 무한대를 나타내는 특수한 값 Infinity로 출력되며 비슷하게 음수 값의 경우는 -Infinity로 출력한다. 또한 수리연산(0/0과 같은 경우)이 정의되지 않은 결과를 산출하거나 에러를 발생시킬 경우에는 NaN이라고 출력한다. 표1 자바스크립트의 특수한 숫자 상수표 상수 의미 Infinity 무한대를.. 더보기
jQuery 1.5 Released jQuery 1.5가 Release되었습니다. 웹 개발자에게는 정말 설 세뱃돈을 받은 기분입니다. ^^ 주요한 릴리즈 내용은 AJAX 부분이 크게 변경되었다고 합니다. 기존 메소드를 건드리지 않고 오버라이드 가능하게 해주는 Sub() 기능이 참 마음에 드네요 자세한 정보는 아래를 참조하세요. http://api.jquery.com/category/version/1.5/ http://blog.jquery.com/2011/01/31/jquery-15-released/ 더보기
jQuery로 Ajax 개발을 단순화 하기 출처 : http://www.ibm.com/developerworks/kr/library/x-ajaxjquery.html jQuery란 무엇인가? 2006년 초, John Resig가 만든 jQuery는 JavaScript 코드로 작업하는 사람들에게는 훌륭한 라이브러리이다. 여러분이 JavaScript 언어 초보자라서 라이브러리가 Document Object Model (DOM) 스크립팅과 Ajax의 복잡성을 다루어주기를 원하든지, 숙련된 JavaScript 구루로서 DOM 스크립팅과 Ajax의 반복성에 지루해졌다면, jQuery가 제격이다. jQuery는 코드를 단순하고 간결하게 유지한다. 많은 반복 루프와 DOM 스크립팅 라이브러리 호출을 작성할 필요가 없다. jQuery를 사용하면 매우 적은 문자로.. 더보기
팝업창 스크롤 자동생성 출처 : http://blueb.net/blog/887 팝업창을 띄우기 위한 window.open의 option을 보면 scrollbars option이 있다. 이 option은 yes, no만 지원하며 auto라는 기능은 지원하지 않는다. 창 사이즈의 변화에 따라 스크롤바를 자동 생성하기 위해서는 아래 스크립트를 사용할 수 있다. 팝업 내용 더보기
jQuery 1.4 버전 추가 기능 출처 : http://firejune.com/1527 퍼온글입니다. 며칠 전 jQuery 1.4 버전이 공개되었습니다. jQuery를 기반으로 구축된 웹사이트를 1.4버전으로 업데이트하는 작업이 예정되어 있다면 지금부터 소개할 15개 항목을 꼭 숙지하세요. 새롭게 추가된 기능과 향상된 기능들을 제대로 활용하기 위한 방법들을 정리한 것입니다. 기존에 작성했던 코드 보다 더욱 성능이 향상될 수도 있으니까요. 1. jQuery(…) 속성 부여의 변화jQuery 1.4부터는 요소(element)의 속성을 컬렉션(collection) 형식으로 전달하는 것을 지원합니다. 이것은 "attr" 따위의 메서드(method)들을 여러번 작성하지 않고 한번에 처리하는 효과가 발생합니다. 컬렉션은 두번째 인자에 작성되며 개체.. 더보기
IE Javascript Memory Leak 참고 : http://www.crockford.com/javascript/memory/leak.html Internet Explorer DOM 객체에 대하여 메모리 누수가 발생한다. (IE8에서는 개선 되었음) Div Layer에 동적으로 Flash를 바꿔 낀다고 가졍한다. 1번 Flash는 작업관리자 IExplorer에서 메모리 확인 결과 100mb 2번 Flash는 작업관리자 IExplorer에서 메모리 확인 결과 200mb 이 나온다고 가정하면... 코드는 아래와 같다. function getFlash(code){ var sTag = '' var obj = document.getElementById("FlashObject"); if(code === "A"){ sTag = '' + ' ' + ' ' .. 더보기
이미지 링크 스타일 지정 이미지에 링크를 걸면 이미지에 마우스클릭시 이미지에 점선 보더효과가 나타난다. 별건 아니지만 가끔 이런걸 문제삼는 사람들이 있어서... onfocus="this.blur()"를 링크시에 추가를 하면 되지만 귀찮은 작업이고 해서 css로 해결 요렇게 head와 head사에 추가를 하면 귀찮은 작업은 종료... 그리고 한가지 더 추가하자면.. 이미지에 링크를 걸면 파란색 보더가 효과가 나타나는데... border="0"을 추가하는 것도 귀찮고 요놈도 css에서 단 한줄이면 삭제가 가능하다. img {border:none} 고로 위 두개를 같이 쓰면 귀찮은 작업은 좀 사라진다는... 더보기
XML의 손쉬운 DOM 해석 글은 한빛미디어 Ajax입문 책의 내용을 제가 나름대로 정리 한 겁니다. responseXML로 받은 다음 DOM으로부터 데이터를 뽑아 내는 데에는 여러 가지 방법이 있습니다만, 아래 예제는 크로스 브라우저로 안정적으로 동작하는 "태그 이름으로 검색하여 해당 태그의 firstChild에 대해 nodeValue를 얻어 낸다"라는 방법을 쓰고 있습니다. 만약, XML 안에 "value"이라는 태그가 있어서 다음과 같이 쓰여져 있으면, 아래와 같은 방법으로 얻어 냅니다. XML test JavaScript //수신 xdoc = oj.responseXML; //XML 안에 "value"라는 이름의 태그(요소) 배열을 만든다 var value = xdoc.getElementByTagName("value") //배.. 더보기
JSON(JavaScript Object Notation) 이 글은 한빛미디어 Ajax입문 책의 내용을 제가 나름대로 정리 한 겁니다. JSON은 경량 데이터 교환 형식입니다. 사람이 읽기 쉽고, 쓰기 쉽고, 또 기계에도 해석과 생성이 용이한 형식이며 JavaScript에 근거한 부분집합입니다. 예를 들어, 아래와 같이 쓰입니다. var oj = { "프로퍼티 이름" : "값", "메소드 이름" : function(){ alert('쑝!!') } } oj오브젝트가 생성되었으며 oj.프로퍼티 이름으로 "값"을 얻어 낼 수 있으며 oj.메소드 이름()으로 쑝!!을 출력할 수 있습니다. 또한 JavaScript로는 배열도 다음과 같은 꼴로 다룰 수 있는 경우가 자주 있습니다. var ary = { "값1", "값2", "값3" } XML을 대신할 데이터 교환용 형식으.. 더보기
ajax 레퍼런스 이 글은 한빛미디어 Ajax입문 책의 내용을 제가 나름대로 정리 한 겁니다. HTTP 요청 초기화 : open() open()메소드는 요처을 초기화하고 HTTP메소드 및 URL등을 설정합니다. request = 오브젝트 생성함수(); request.open("GET", "test.xml"); 위 코드는 test.xml을 읽어 들입니다. open() 메소드의 첫번째 인수는 GET이나 POST를 지정하고 두번째 인수는 요청할 URL입니다. 송신 : send() open()에 의해 접속을 초기화한 후 send()메소드로 요청을 송신합니다. request.send(null); request.send(""); 일반적으로 "null"을 사용하지만 크로스 브라우저를 위해 send("")사용을 권장합니다. GET re.. 더보기