개발자 16

정확히 말하면 ECMA 스크립트의 특징이지만 뭐… ^^

정확히 말하면 ECMA 스크립트의 특징이지만 뭐… ^^ 첫번째, 객체의 생성 var arr = []; var obj = {}; var str = ""; var arr1 = [1,2,3]; var obj1 = {prop1 : 'value1', "prop2" : 'value2'}; Object는 {} 로, Array는 []로 생성할 수 있다. object 를 생성할 때 property 의 이름은 따옴표를 따로 해주지 않아도 prop1의 경우처럼 그냥 사용할 수 있다. 하지만, 혹시라도 있을지 모르는 문제점(prop1이 변수로 선언되어있다던가 하는…)을 미리 방지하기 위해서 따옴표를 붙여주도록 하는게 좋다. 단, 충돌이 없음이 확실하다면 생략해도 무방하다. 두번째, object property의 접근 var ..

테이블 틀고정 스크롤

링크 #1. 테스트 페이지 입니다. 테이블 소스는 엑셀에서 txt로 저장한걸 php에서 작업해서 테이블로 만든겁니다. 텍스트 뿐이고 td는 white-space:nowarp를 줘서 줄바꿈이 없게 했습니다. 업로드한 js 파일 보시면 대충이나마 주석 달았습니다. 조금 자세한 설명... 스크롤을 하려면 몇가지 방법이 있습니다. div 하나에 원본 테이블과, 고정행(첫줄)과 고정열이 있다면 div의 크기는 고정이고 테이블의 크기는 그것보다 더 큽니다. 고로 스크롤이 발생하는데, 이때 스크롤되어 화면(div 시야 내)에서 사라지는 고정행과 고정열의 top과 left를 scrollTop과 scrollLeft 로 조절합니다. 처음에는 이렇게 했지만, 이 방식은 흔들림이 심하더군요. (스크롤을 밑으로 하면 고정행이 ..

IE/FF(Gecko,W3C) 이벤트 설명

링크 IE와 FF에서의 이벤트 처리에 대한 설명을 정리해봤습니다. 틀린게 있을 수도 있습니다. 모질라 DOM레퍼런스에도 없는게 있어서, 그런 설명이 없을 수도 있습니다. 제가 쓸 일이 없다고 생각한건, 대충 설명되어잇을 수 있습니다. IE/FF(Gecko,W3C) 이벤트 설명 IE와 FF에서 이밴트를 불러 사용하는 방법(예제) 브라우저 IE FF IE&FF input 개체 함수 function fn(){ alert(event.type); } function fn(e){ alert(e.type); } function fn(e){ var evt = window.event || e; alert(evt.type); } 설명 (예제 값은 에서 onclick 이벤트로 발생시킴) 설명 순서는 내 마음대로, 관계있는 ..

new Object() 와 {} 의 차이에 대한 댓글정리문서

재미있는 내용이라 phpschool에서 가져왔습니다. 먼저 전 선생님이 아닙니다. 누굴 가르쳐본적도 없고, 가르치면서 일을 진행한적도 없습니다. 하지만, 고니님이 주장하는것과 제가 생각하는것이 달라, 단지, 처음부터 끝까지 거짓이 진실이 되는걸 볼수 없기 때문에 150개가 넘는 댓글을 달게 된것입니다. 어쨋든 고니님의 뜻도 ----------------------------- 아뇨. 정말로 틀렸다는 것을 증명해주시기를 바라고 있습니다. 원하신다면 문서로 만들어서 대중의 심판을 받을 각오도 되어있습니다. ----------------------------- 와 같아 최대한 주관을 배제하려고 글을 올립니다. 주관이 섞인 부분은 지적해 주시면, 지우도록 하겠습니다. 만약 주관이 섞여 있다면, 위의 글들을 보시..

Javascript의 새 흐름. Tamarin 프로젝트에 대해서

아래에 글을 적다가 따로 적는 편이 나을 것 같아서 별도의 글로 작성합니다. ______________________________________________________ Tamarin 프로젝트는 모질라에서 작성중인 새로운 ECMAScript4 엔진입니다. 이 엔진은 JavaScript2와 ActionScript3 에도 사용되며 Adobe에서 인력과 액션스크립트 엔진을 기여해서 프로젝트가 꽤 가속화되고 있다고 합니다. Tamarin 프로젝트가 완성되면 Javascript도 JIT(Just in Time) 컴파일 되어 실행되기 때문에 Adobe에 의하면 최소 10배이상 빠르게 실행이 된다고 하는군요. 아... Firefox3 에도 포함될 예정이라고 합니다(이미 되었나요??). JavaScript2에서는..