하지만 위 코드는 원하는 대로 동작하지 않는다. 왜냐하면 jQuery의 셀렉터는 항상 객체를 반환하기 때문에 언제나 참으로 동작을 하게 된다. 엘리먼트가 존재하지 않은 경우에도 빈 객체를 반환하기 때문에 위 코드로는 존재 여부를 체크할 수 없고, 다음의 코드를 사용해야 한다.
length 특성을 사용하면 엘리먼트가 존재하지 않은 경우 0를 반환함므로 존재여부를 제대로 체크할 수 있다.
'2009/05'에 해당되는 글 6건
- 2009/05/08 jQuery: 엘리먼트의 존재여부 체크하기
- 2009/05/08 Hanterm on Cygwin/XFree86
- 2009/05/08 IE용 자바스크립트 디버거 CompanionJS
- 2009/05/08 환율변동사항을 간단한 그래프로 표시해 주는 사이트 로그윈스
- 2009/05/05 Firefox에서 input 태그를 다이나믹하게 추가했을 경우 form의 element로 인식 못하는 경우 발견
- 2009/05/05 웹 기획 관련 책에서 우연히 발견한 이씨플라자 (1)
하지만 위 코드는 원하는 대로 동작하지 않는다. 왜냐하면 jQuery의 셀렉터는 항상 객체를 반환하기 때문에 언제나 참으로 동작을 하게 된다. 엘리먼트가 존재하지 않은 경우에도 빈 객체를 반환하기 때문에 위 코드로는 존재 여부를 체크할 수 없고, 다음의 코드를 사용해야 한다.
length 특성을 사용하면 엘리먼트가 존재하지 않은 경우 0를 반환함므로 존재여부를 제대로 체크할 수 있다.
hanterm.zip
다운로드
Companion.JS (pronounced Companion dot JS or CJS) is a Javascript debugger for IE.
The current version is 0.5.
Companion.JS adds the following features to IE :
- Detailled javascript error reporting (call stack and real file name where the error occured).
- "Firebug"-like Console API feature.
- Javascript console feature useful to inspect javascript objects at runtime.
- A toolbar icon to open the Companion.JS panel.
Download the installer, guaranteed spyware/malware free and packaged with a straightforward and complete un-installer.
(Download zipped intaller for people unable to download .exe files due to proxy limitations)
To be able to use Companion.JS you'll need to have a Microsoft script
debugger installed. There are many cases where you already have this
component install. To check if you need it see Installing Companion.JS for details.Here are some screenshots :
Detailled Error reporting
In the top-left corner the notifying panel which pops-up when an error occurs in the current page if the Companion.JS panel is not open. At the bottom of the page...
Console API feature
회사에서 아주 예전에 작성된 HTML을 수정하다가 하루종일 고생한 경험담을 얘기하고자 한다. 결론을 얘기하면 원인은 XHTML 표준을 지키지 않아서 였는데, 이게 원인일 줄이야!!!
다음과 같은 스타일의 HTML 태그가 있다고 하자. 과거에 CSS를 잘 사용하지 않을 때는 form 태그의 기본 패딩값에 의해 테이블 레이아웃이 깨지는 것을 방지하기 위해서 내가 자주 사용하던 스타일이다.
여기에다 자바스크립트로 폼에 input 태그를 하나 추가하고, input 박스에 값을 치고 submit 버튼을 누르면 IE에서는 input 박스에 입력된 값이 전송이 되지만, 왠일인지 Firefox에서는 새로 추가된 input 박스의 내용은 전송이 되지 않는거다.
정말 하루 종일 삽질하다가 발견한 원인, 그리고 해결방안은 다음과 같이 XHTML을 준수하는 스타일로 HTML을 코딩하는 거였다.
표준을 지키는게 중요함을 다시 한번 느낀 하루였다.
다음과 같은 스타일의 HTML 태그가 있다고 하자. 과거에 CSS를 잘 사용하지 않을 때는 form 태그의 기본 패딩값에 의해 테이블 레이아웃이 깨지는 것을 방지하기 위해서 내가 자주 사용하던 스타일이다.
여기에다 자바스크립트로 폼에 input 태그를 하나 추가하고, input 박스에 값을 치고 submit 버튼을 누르면 IE에서는 input 박스에 입력된 값이 전송이 되지만, 왠일인지 Firefox에서는 새로 추가된 input 박스의 내용은 전송이 되지 않는거다.
정말 하루 종일 삽질하다가 발견한 원인, 그리고 해결방안은 다음과 같이 XHTML을 준수하는 스타일로 HTML을 코딩하는 거였다.
표준을 지키는게 중요함을 다시 한번 느낀 하루였다.
강동구립 성내도서관에서 영진닷컴 출판사에서 나온 "웹기획 & 웹프로젝트 매니지먼트" 라는 책을 대출받아서 대충 훑어 보는데, 1장 첫번째 섹션에 많이 낯익은 사이트 화면과 "이씨플라자"라는 문구가 눈에 띄었다. 
'어! 이게 뭐지...' 너무 놀라서 눈을 의심하며 다시 자세히 보니 이씨플라자 코리아 사이트 개편전 화면과 '해외 바이어를 찾아주는 이씨플라자 사이트'라는 제목으로 사이트를 소개하고 있었다.
예전에는 많은 비용을 들여서 해외 바이어 리스트를 구매해야만 했는데 이제는 인터넷에서 쉽게 바이어를 발굴할 수 있는 시대가 되었다는 내용을 설명하기 위해서 이씨플라자를 인용한 거다. 뜻하지 않은 곳에서 만난 이씨플라자 , 너무 반가웠다.
댓글을 달아 주세요