JavaScript 21

자바스크립트 HTML에서 주석문 달지말자!

흔히 HTML상에서 자바스크립트나 다른 스크립트 언어를 사용할 경우 주석문을 처리해주는 경우가 많다. 물론 다른 스크립트의 경우 충분히 사용할 이유가 있지만 자바스크립트의 경우 그야말로 접근성만 떨어뜨리는 일이다. 사실 HTML에서 주석문으로 처리해준 이유는 자바스크립트를 정상적으로 해석하지 못하는 브라우저들이 스크립트 구문을 그냥 출력해버리는 것을 막기위한 방법으로 사용되어왔지만 현재 사용되는 브라우저중에 자바스크립트가 지원되지 않는 브라우저는 거의 없으며 만약 지원이 되지 않더라도 스크립트가 출력되지는 않는다. 오히려 주석문 보다는 로 스크립트를 감싸줄것을 권한다. 자바스크립트는 해석하지 못하더라도 HTML를 해석할 수 있는 브라우저라면 ( 그것도 해석안되면 그건 웹브라우저 자격이 없을테니 말이다. ..

appendChild와 innerHTML+=의 속도차이

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

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

카테고리 없음 2007.07.06

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

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..

142가지의 자바스크립트 소스.txt

142 폼 입력 내용을 체크하여 깔끔하게 경고창 보여주기 141 부끄럼 타는 버튼 140 나쁜말 입력 금지 139 비밀번호 종합 체크 138 제목을 골라 메일 보내기 137 자바스크립트로 메일링 리스트를 만들어 보자 136 멀티 메일러 - Multi_Mailer 135 체크박스가 아닌곳을 선택해도 체크박스 선택하기 134 자바스크립트 에러 검증 스크립트 133 소스 훔쳐보기 132 체크박스 클릭하면 즉시 이동 시키기 131 년도별 띠 알아보기 130 페이지 로딩시 첫번째 필드의 특정 항목 자동선택 시키기 129 영어공부-아라비아 숫자 읽기 128 간단한 웹메일 보내기 127 페이지 검색기 126 웹 서치 엔진 125 폼 내용 전송전 확인 메세지 띄우기 124 폼 버튼 이름과 하이퍼링크가 계속 바뀌는 스트..

자기개발 2007.06.13

오프라인 Ajax가 가지는 의미 - Google Gears

Google Developer Day에서 발표된 Google Gears(구글 기어즈)는 오프라인에서도 온라인처럼 사용할 수 있는 클라이언트 스토리지 솔루션입니다. 특징을 보면, SQLite를 이용한 데이터 처리 및 문서 검색, 서버와 클라이언트 사이의 데이터 동기화, 개발자와 사용자를 위한 JavaScript APIs를 들 수 있습니다.(Channy님의 포스트 인용) 아시다시피, Google은 Google reader에 실제로 오프라인(Offline) 서비스를 추가하였습니다. 아래의 자바스크립트 예문을 봅시다. function initDb() { if (!window.google || !google.gears) { return; } db = getDb(); run('create table if not e..

UI 자바스크립트 라이브러리 Ext JS (yui-ext)

Jack Slocum란 분이 야후의 yui((Yahoo! UI library)를 확장하여 만든 자바스크립트 라이브러리인데 자주 사용되는 기능들 거의 다 있고 아주 막강합니다. 1.0부터는 이름을 Ext JS로 바꾸고 yui에 의존하지 않고 개발을 진행할 예정인것 같습니다. 단, 아직 개발중이라 변경이 많아서 실무에 적용하기 좀 어려운것 같습니다. 그러나 자바스크립트로 웹UI개발을 하는 개발자분이시면 예제만 보셔도 개발에 많은 도움이 될것 같아서 이렇게 올립니다. 개발자 블로그: http://www.jackslocum.com/ 문서와 예제: http://www.yui-ext.com/deploy/yui-ext/docs/ 공식 사이트: http://www.extjs.com/ (첫페지만 달랑, 현재 공사중인것 ..

IE Memory Leaks

IE의 메모리 릭에 관한 글입니다. 번역한 거라서 그런지 좀 덜 매끄러운 부분이 있네요. 엄밀히 말해서 JavaScript와 JScript는 다른 언어입니다. JScript가 JavaScript 버전에 대응하기는하나 다른 언어이기 때문에 허용하는 것과 그렇지 않은 것, 그리고 가비지 컬렉터와 DOM을 다루는 방법 등이 다릅니다. JavaScript를 다룸에 있어서 서로 다르다는 사실을 알고 작성하셔야 나중에 "분명히 되야하는데 안되는" 일이 발생해도 당황하지 않을 수 있습니다. JScript에서는 되는게 JavaScript에서는 안될 수도 있으며 반대로 JavaScript에서는 되는 것이 JScript에서는 안될 수도 있습니다. 인코딩, 쉼표 등 이런 문제가 될만한 소재는 매우 다양합니다. 아래에 소개해..

자바스크립으로 플래쉬 메뉴처럼...

톡박에 한번 올렸던 소스인데 조금 다듬어서 올립니다. 적절히 수정&가공하시면 멋진 메뉴가 나올거에요~ ABOUT US menu1 | menu2 | menu3 PRODUCT menu4 | menu5 | menu6 STORY menu7 | menu8 | menu9 덧글1 : 와우~ 수고하셨습니다... 야후UI라이브러리.. extjs 등등 점점 UI 쪽으로 자바스크립트가 많이 쓰이는군요... 다른분들도 참고하시라고.. 그냥 알고있는 UI관련 URL을 적어봅니다. http://extjs.com/ http://www.dhtmlgoodies.com/ http://www.dynarch.com/ http://qooxdoo.org/ http://mootools.net/ 그럼 모두 열공하세요~