소프트웨어/JavaScript • Dhtml 70

JavaScript에서 클래스를 사용할 때의 생성자

http://mygony.com/archives/1403 JavaScript에서는 function 객체를 클래스 타입이자 생성자로 사용할 수 있다. 다음은 간단한 예제 코드이다. function typeClass() { } var oInstance = new typeClass; 인스턴스를 생성할 때 사용한 클래스 겸 생성자인 typeClass는 인스턴스 객체의 constructor 속성으로 접근할 수 있다. 이는 Array, Object 등을 비롯한 JavaScript의 코어 객체도 마찬가지다. function typeClass() {}; var oInstance = new typeClass; alert(oInstance.constructor == typeClass); 한편, 함수의 prototype 속..

jsShortcut , JS 단축키 클래스

이번에도 재미있는 스크립트을 공대여자님이 공개했다.. JS단축키~ 데모 : http://www.mins01.com/20070305/m_board/tech.php?b_id=tech&type=read&b_idx=462&page=1&period=365 언제가 그렇지만, 링크에 데모가 있습니다. /*======================================= // jsShortcut // 작성일 : 2008-03-03 // 수정일 : // 만든이 : mins,공대여자 // 홈페이지 : www.mins01.com #간단설명 단축키에 따른 지정된 함수를 실행한다. #사용법 var shortcut = new jsShortcut(); //자동으로 shortcut.setEnable(); 가 적용된다. //sh..

appendChild와 innerHTML+=의 속도차이

지금 자바스크립트를 이용한 채팅을 만들고 있습니다. 만들다 보니 이용자가 과도하게 도배를 하게 되면 상대편이 끊김이 발생하면서 여러가지 문제로 인해 먹통이 되는 경우가 있었습니다. document.getElementById('xxx').innerHTML+=로 단순히 채팅 한줄만 추가하는 부분인데.. 제가 만들고 있는 것이 멀티 채팅방이기 때문에 여러방에서 여러개의 div가 수시로 업데이트 됩니다. 그래서 속도가 중요하다고 생각되어 appendChild와 innerHTML+=의 속도를 테스트 해 보았습니다. 각각 div안에 200회 추가와 1000번 추가를 해 보았습니다. 제 컴퓨터가 느려서 수치는 좀 높지만 참고하시면 좋을 것 같습니다. 결과는 모두 appendChild가 빨랐습니다. ===결과(수치가 ..

Javascript 의 표준 ECMA란?

JavaScript에 대한 오해는 끝이 없이 없다. 혹자는 Java Language와 JavaScript를 혼동하기도 한다. ECMA(European Computer Manufacturers Association)에서 논의되던 표준 중에 ECMA-262라는 것이 있다. ECMA-262는 Script에 대한 표준이며 이것은 ECMAScript라고 불리기도 한다. Netscape社는 ECMAScript를 나름대로 구현하였다. 이것이 JavaScript이다. 2004년 1월 현재 버전 1.5까지 나와 있다. 한편, Microsoft社도 ECMAScript에 대한 구현물을 내놓았는데 이것이 JScript이다. JScript의 버전 5.6까지 확인하였으며 Internet Explorer와 Windows OS의 변..

js_string , 문자열 제어 함수, 프로토 타입 모음

현재 구현된건 1. 숫자에 천단위 ,표 붙이기(프로토타입,함수) 2. 숫자를 한글로 출력(프로토타입,함수 ) 3. 문자열에서 앞뒤(앞,뒤) 공백제거 (프로토타입,함수) 4. 문자열에서 문자열 제한(영어만, 또는 영어와 한글만 등등) ---------=----------- 그냥 안 올릴까.. 하다가 홈피 이사후 방문자수가 푸욱~~ 줄어서... 낚씨용?으로. 사용할 때 꼭 .JS파일 안을 열어보세요. 그안에 대부분의 설명이 다 되어있습니다 출처 : http://www.mins01.com/20070305/m_board/tech.php?b_id=tech&type=read&b_idx=411&page=1&period=365

자바스크립트로 구현한 md4,md5,sha-1

md4 관련 소스 http://pajhome.org.uk/crypt/md5/md4src.html md4 관련 다운로드 http://pajhome.org.uk/crypt/md5/md4.js md5 관련 소스 http://pajhome.org.uk/crypt/md5/md5src.html md5 관련 다운로드 http://pajhome.org.uk/crypt/md5/md5.js SHA-1 관련 소스 http://pajhome.org.uk/crypt/md5/sha1src.html SHA-1 관련 다운로드 http://pajhome.org.uk/crypt/md5/sha1.js 출처 : http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id..

Ajax 디버깅

디버깅 안하기, 혹은 디버거 안쓰기 강력한 디버깅 툴을 찾기 전에, 디버깅 자체를 줄이는 방법이나 디버거 없이도 디버깅을 할 수 있도록 하는 방법을 고민하는 것이 좋습니다. 일례로 Javascript TDD를 하는 등 다양한 방법으로 피드백 주기를 짧게 줄이고, 코드를 깔끔하게 유지(Clean Code That Works)하면 디버깅을 거의 안하게 되거나, 디버깅을 하더라도 특별한 툴의 도움 없이도 쉽게 할 수 있습니다. 기본적인 디버깅 도구들 window.alert 가장 직관적이고 가장 널리 쓰이며 사용하기 쉬운 디버깅 도구 입니다. "잘못된 인자입니다. 0번째 줄"과 같은 애매한 에러 메시지가 나오는 경우에 수동 Binary Search를 통해 정확한 에러 위치를 빠르게 찾아낼 수 있습니다. --; ..

애플닷컴의 제품 슬라이더 자바스크립트 분석

iTunes Gift Cards iTunes Download iTunes 7 iPod U2 iPod iPod nano iPod nano Product (RED) iPod shuffle Apple TV iPod Hi-Fi Nike + iPod iPod Socks Leather Case Nano Armband AV Connection Kit iPod nano Dock Universal Dock Camera Connector Radio Remote In-Ear Headphones USB Power Adapter iTunes Products Accessories 출처 : 파이어준 애플닷컴의 iTunes페이지에 자바스크립트로 구현 된 제품 슬라이더가 심상치 않아 보여서 파 보았다. 이 제품 슬라이더는 Protot..

AJAX 에서 OOP 흉내내기 || Javvascript OOP

먼저 Ajax 을 5일 동안 공부한 초보자가 작성 한 것이라 있를지 모르는 많은 문제점에 대하여 양해와 질타을 바랍니다. 아래의 내용은 prototype.js 을 바탕으로 통신 부분만 사용한 것 이므로 문제가 없는 구조라고 생각 되시면, 가공해서 얼마든지 사용 가능하다고 생각합니다. 테스트한 브라우져는 FF, IE 이며, UTF8 환경에서 작업한것입니다. Ajax 을 본격적으로 공부하면서 전체틀을 만들기 위해 많은 자료을 접했지만 전체적으로 Interface 을 꾸미는것을 이용하기엔 너무나 많은 파일들을 사용하기에 필요한 페이지의 일부분만 내용을 바꿀수 있는 방법을 매번 페이지 생성시마다 생성하지 않고, 상속으로 재 사용 가능한 방법을 만들어 보았습니다. 즉, 문자나 기본 정보, 문자열 짜르기등을 재 사..