Full-Stack/Front-end
-
AJAX 구현 - XMLHttpRequest 객체 생성하기Full-Stack/Front-end 2008. 8. 2. 00:09
AJAX 의 비동기 요청 구현을 위한 핵심 기술의 근간은 바로 JAVASCRIPT 입니다. 그중에서도 XMLHttpRequest 객체가 있었기에 이를 구현할 수 있었습니다. 이를 통해 페이지 단위의 요청 없이도 그때 그때 필요한 요청과 응답을 받을 수 있게 된거죠. 그렇다면 실제로 해당 객체를 어떻게 생성할지에 대한 이야기를 본격적으로 해보겠습니다. 실제로 XMLHttpRequest 객체는 ECMASCRIPT 표준에서 지원하고 있는 내용은 아닙니다. MS의 IE5 버젼부터 개발되어 사용되기 시작한 비표준 객체 중 하나 입니다. 그러나 다른 브라우저들도 구현 방식은 서로 조금씩 다르지만 이를 지원하고 있으며 구글 맵을 통해 AJAX가 대중적으로 사용되기 시작하면서 더 많은 브라우저들이 지원하고 있으며 현재..
-
Ajax 마스터하기Full-Stack/Front-end 2008. 8. 2. 00:09
Ajax 마스터하기 Ajax 소개 Brett McLaughlin, Author and Editor | O'Reilly Media Inc. HTML, JavaScript™, DHTML, DOM으로 구성된 Ajax는 볼품없는 웹 인터페이스를 인터랙티브 Ajax 애플리케이션으로 변형하는 획기적인 방식이다. Ajax 전문가인 필자는 이러한 기술들이 어떻게 작용하는지 전체적인 개요를 비롯하여 세부사항 까지 설명한다. 또한 XMLHttpRequest 객체 같은 Ajax의 중심적인 개념들을 소개한다. 5년 전, XML에 대해 무지했다면 아무도 얘기할 상대가 없는 미운 오리 새끼 신세가 되었을지도 모르겠다. Ruby 프로그램이 주목을 받았던 8개월 전, Ruby 프로그램 언어 기능에 대해 알지 못했던 프로그래머들은 냉..
-
CSS & JAVASCRIPT 최적화 도구Full-Stack/Front-end 2008. 6. 29. 15:39
1. JavaScript 최적화 도구 JS Minifier JSMin JSLint : JavaScript Verifier Javascript compressor : JavaScript 압축 도구 CSS & JavaScript Compressor : CSS & JavaScript 압축 도구 ShrinkSafe : JavaScript 압축 도구 Huffman JavaScript Compression SOC (Safe Obfuscator/Compressor) ANT 프로젝트 구축으로 로컬에서 자유자제로 JavaScript 압축 : 여기 2. CSS 최적화 도구 CSS OPTIMIZER : CSS파일의 사이즈를 압출해주는 툴 CSS compressor : CSS 압축기 ROBSON CSS COMPRESSOR :..
-
레이어와 셀렉트 박스 겹침 방지Full-Stack/Front-end 2008. 6. 8. 11:43
// Internet Explorer에서 셀렉트박스와 레이어가 겹칠시 레이어가 셀렉트 박스 뒤로 숨는 현상을 해결하는 함수 // 레이어가 셀렉트 박스를 침범하면 셀렉트 박스를 hidden 시킴 // 사용법 : // function selectbox_hidden(layer_id) { var ly = eval(layer_id); // 레이어 좌표 var ly_left = ly.offsetLeft; var ly_top = ly.offsetTop; var ly_right = ly.offsetLeft + ly.offsetWidth; var ly_bottom = ly.offsetTop + ly.offsetHeight; // 셀렉트박스의 좌표 var el; for (i=0; i= ly_top && el_left = ..