자바스크립트/Ext JS2013. 3. 9. 13:50

ExtJs 포럼을 훌터 보던 중 재미나고 필요한 기능을 제공하는 사이트를 발견했다.

이 사이트는 json String 을 트리형태로 보여주고 비교까지 가능한 기능을 제공한다.

브라우저에서 실행되는 터라 너무 많은 양의 데이터는 버거워 보이지만 실무에서

json 을 직접 눈으로 확인해야하는 경우가 있고 이런 경우 이사이트에 json을 

입력하고 눈으로 확인하면 한결 편하겠다는 생각이 든다.



Posted by 베니94
자바스크립트/Ext JS2013. 3. 8. 23:13

어제 우리 파트원이 내게 하는말이 IE8에서 ExtJS가 미쳐간다고 한다. 다 괜찮은데 IE8을 대부분 사용하는 고객사에서

컴플레인이 계속 들어오고 있다고 한다. 

문제는 TextArea에 계속 문자열을 입력하다 보면 IE8에서만 아래 동영상처럼 혼자 미친듯이 제어를 못하는

모습이 연출되는 것이다.


원인파악에 들어가서 2시간 만에 찾아낸 원인은 바로 <!DOCTYPE html> 이것이였다. app.js를 호출하는 html에

<!DOCTYPE html> 이것이 들어가 있어서 였다. 설마 했지만 이 코드를 제거하자 언제 그랬냐는 듯 정상 작동을 하였다.


DOCTYPE 즉 DTD (Document Type Definition)을 정확히 명시하지 않아서 이다. DTD가 명확하지 않을 경우

브라우저는 임의로 DTD를 해석하게 되고 의도치 않은 동작을 하게 되는 것 같다.

이런 경우에는 DTD를 정확히 명시하거나 그러기 힘들 경우 아예 삭제하는 것이 좋겠다.

브라우저는 html의 DOCTYPE으로 이 문서가 어떤 형식의 문서인지 구별하게 된다. IE에 경우 유난히 심하다고 할 수 있다.

동일한 소스도 DOCTYPE을 어떻게 명시하느냐에 따라 보여지는 모습이 전혀 다를 수 있다는 것을 인지해야한다.


뭐든 정확히 알고 쓰는게 좋다며 살짝 혼을 내긴 했지만 나 또한 이부분이 문제를 일으키리라고는 

생각지 못했으니 좋은 경험 했다고 생각해야 겠다.



Posted by 베니94
자바스크립트/Ext JS2013. 2. 24. 10:15

ExtJS강의교안(배포판).pdf

어제 ExtJS오프라인 강의를 잘 마쳤습니다.

오신분들 감사드리고 다음에 또 뵙겠습니다.


'자바스크립트 > Ext JS' 카테고리의 다른 글

Json 비교 사이트  (0) 2013.03.09
ExtJS4 IE8 textarea 버그?  (1) 2013.03.08
ExtJs 오프라인 강좌진행합니다.  (2) 2013.02.06
강좌 소스 올립니다.  (4) 2013.01.18
ExtJS 오픈라인 강의를 할까 생각중입니다.  (10) 2013.01.18
Posted by 베니94