그분의, 그분에 의한, 그분을 위한 그것..Eloid Puredream.

최근 Ajax를 도입하기 위한 개발 테스트를 하고 있습니다.
그런데 Ajax란게 자바스크립트를 쓰는게 주가 되다 보니 조금 문제가 있었습니다.
사실 저는 자바스크립트는 손대본적이 없었거든요.
서버쪽 스크립트야  원래 하는거다 보니 자주 봤었지만; 클라이언트 스크립트인 자바스크립트는 생소했거든요.
덕분에 새로 스크립트랑 Ajax책 사서  며칠만에 다 때려고 하다 보니 진땀뺐습니다.

공부하는것도 그렇고 이제 결과물도 만들어서 보고를 해야 하는데..
몇몇 만든 결과물이 Firefox에서는 되는데 IE 6,0 에서는 안되는 사태가 너무 빈번하게 발생하더군요.
제가 Firefox 유져이기도 하고, 디버깅 및 개발의 용의성 덕분에 그걸 기준으로 개발하게 됩니다만, 회사의 방침이 IE에서 되야 한다는것이고 클라이언트도 그렇다 보니 결국 최종결과물은 그렇게 맞춰줘야지요.
정말 난감했습니다;

아무튼 최근 제일 삽질했던게 HTML 태그 문제였습니다.
DOM을 사용해서 DivElement.appendChild(TableElement);
뭐 이런식으로 간단히 테이블 하나를 맹글어서 넣는걸 해보고 있었습니다.
그런데 이 결과가 Firefox에서는 되고 IE에서는 되질 않더군요.
innerhtml 을 사용해서 그냥 잡아넣으면 당연히...되긴 하는데,
DOM을 쓰니 안되는건 대체 무슨 귀신이 곡할 노릇인가 하며 며칠 머리를 쥐어뜯었습니다;

다음날 그냥 임의로 테이블 태그를 하나 만들어서 뿌려 보고 IE Develop Toolbar에서 DOM구조를 보니,
못보던 태그가 있는것이였습니다.
<tbody>라는 태그였죠.
어라 난 이거 쓴적이 없는데 테이블 중간을 감싸고 있는게 -_ 뭔가 수상쩍어서..
tbody라는 엘리먼트를 만들어서 감싸준다음 뿌려보니 그제서야 IE에서도 보이는것이였습니다.
그제서야 아 이 태그가 원래는 들어가야 맞는 태그구나 하고 알았었죠.

이번주말에 서점에 갈 기회가 있어서 방탄웹 책을 보게 되었는데 그 책에도 이 관련 내용이 언급되어 있더군요.
제가 조금만 더 일찍 책을 읽었더라면 이 사태를 빨리 해결 할 수 있었을지도 몰랐겠네요.
항상 문제는 기초적인것에서 자주 발생하는 것 같습니다.
그런 문제에 걸려 넘어지지 않도록 열심히 공부해야죠 뭐 ㅠㅠ