mozilla

리비전 비교

Migrate apps from Internet Explorer to Mozilla

Change Revisions

리비전 121975:

리비전 121975 Netaras

리비전 121976:

리비전 121976 krusch

제목:
Migrate apps from Internet Explorer to Mozilla
Migrate apps from Internet Explorer to Mozilla
슬러그:
Migrate_apps_from_Internet_Explorer_to_Mozilla
Migrate_apps_from_Internet_Explorer_to_Mozilla
태그:
"Web Development"
"Web Development"
내용:

리비전 (121975):
리비전 (121976):
n664      Mozilla는 IE를 위해 만들어진 어플리케이션들에서 발견되는 자바스크립트 관련 문제들을 디버깅할 수 있n664      Mozilla는 IE를 위해 만들어진 어플리케이션들에서 발견되는 자바스크립트 관련 문제들을 디버깅할 수 있
>는 몇가지 방법을 제공한다. 첫번째 툴은 그림 1에서 보는 것처럼 내장된 자바스크립트 콘솔이다. 여기에는 에러와 경고>는 몇가지 방법을 제공한다. 첫번째 툴은 그림 1에서 보는 것처럼 내장된 자바스크립트 콘솔이다. 여기에는 에러와 경고
>가 표시된다. Mozilla에서 <b>도구 -&gt; Web Development -&gt; JavaScript Co>가 표시된다. Mozilla에서 <strong>도구 -&gt; Web Development -&gt; JavaScri
>nsole</b>를 실행하거나 파이어폭스 (Mozilla에서 나온 단독 브라우저 제품)에서는 <b>도구 -&gt; J>pt Console</strong>를 실행하거나 파이어폭스 (Mozilla에서 나온 단독 브라우저 제품)에서는 <st
>avaScript Console</b>를 실행한다.>rong>도구 -&gt; JavaScript Console</strong>를 실행한다.
n670      <img alt="Javascript 콘솔" fileid="2074" src="File:ko/Media_Gn670      <img alt="Javascript 콘솔" class="internal" src="/@api/deki/f
>allery/Migrationguide-jsconsole.jpg">>iles/2074/=Migrationguide-jsconsole.jpg">
n676      콘솔에서는 자바스크립트를 실행할 수도 있다. 입력한 자바스크립트 문법을 실행하려면 그림 2처럼 입력창에 <n676      콘솔에서는 자바스크립트를 실행할 수도 있다. 입력한 자바스크립트 문법을 실행하려면 그림 2처럼 입력창에 <
>code>1+1</code>을 치고 <b>Evaluate</b>를 누르면 된다.>code>1+1</code>을 치고 <strong>Evaluate</strong>를 누르면 된다.
n682      <img alt="JavaScript Console evaluating" fileid="2073" src=n682      <img alt="JavaScript Console evaluating" class="internal" s
>"File:ko/Media_Gallery/Migrationguide-jsconsole-eval.jpg">>rc="/@api/deki/files/2073/=Migrationguide-jsconsole-eval.jpg">
683    </p>
684    <p>683    </p>
684    <p>
685      Mozilla의 자바스크립트 엔진은 디버깅에 대한 내장된 지원을 하므로 자바스크립트 개발자들에게 강력한 툴685      Mozilla의 자바스크립트 엔진은 디버깅에 대한 내장된 지원을 하므로 자바스크립트 개발자들에게 강력한 툴
>을 제공할 수 있다. 그림 3에 있는 Venkman은 Mozilla에 통합된 강력한 크로스 플랫폼 자바스크립트 디버거>을 제공할 수 있다. 그림 3에 있는 Venkman은 Mozilla에 통합된 강력한 크로스 플랫폼 자바스크립트 디버거
>이다. 이것은 보통 Mozilla 릴리즈에 포함된다. <b>도구 -&gt; Web Development -&gt; J>이다. 이것은 보통 Mozilla 릴리즈에 포함된다. <strong>도구 -&gt; Web Development -&
>avaScript Debugger</b>로 가면 찾을 수 있다. 파이어 폭스에서는 이 디버거가 포함되어 있지 않다. >gt; JavaScript Debugger</strong>로 가면 찾을 수 있다. 파이어 폭스에서는 이 디버거가 포함
>대신에 Venkman Project Page에서 다운로드 받아 설치할 수 있다. Venkman Development >되어 있지 않다. 대신에 Venkman Project Page에서 다운로드 받아 설치할 수 있다. Venkman De
>Page에 있는 개발 관련 페이지에서는 튜토리얼도 찾을 수 있다.>velopment Page에 있는 개발 관련 페이지에서는 튜토리얼도 찾을 수 있다.
n691      <img alt="Mozilla의 JavaScript 디버거" fileid="2076" src="File:n691      <img alt="Mozilla의 JavaScript 디버거" class="internal" src="/@
>ko/Media_Gallery/Migrationguide-venkman.jpg">>api/deki/files/2076/=Migrationguide-venkman.jpg">
n780      <img alt="DIV Overflow" fileid="2075" src="File:ko/Media_Gan780      <img alt="DIV Overflow" class="internal" src="/@api/deki/fi
>llery/Migrationguide-overflow.jpg">>les/2075/=Migrationguide-overflow.jpg">
n813      IE 4와 같은 오래된 구식 브라우저에서는 특정 상황하에서 일명 쿼크라 불리는 모드로 렌더링 된다. Mozn813      IE 4와 같은 오래된 구식 브라우저에서는 특정 상황하에서 일명 쿼크라 불리는 모드로 렌더링 된다. Moz
>illa는 표준 적용을 지향하는 브라우저인 반면에, 이러한 쿼크 모드로 만들어진 오래된 웹페이지를 지원하는 세가지 모>illa는 표준 적용을 지향하는 브라우저인 반면에, 이러한 쿼크 모드로 만들어진 오래된 웹페이지를 지원하는 세가지 모
>드를 가진다. 페이지의 컨텐츠와 전송이 Mozilla가 어느 모드를 사용할 것인지를 결정한다. Mozilla는 보기 >드를 가진다. 페이지의 컨텐츠와 전송이 Mozilla가 어느 모드를 사용할 것인지를 결정한다. Mozilla는 보기 
>-&gt; 페이지 정보 (혹은 <kbd>Ctrl+I</kbd>)에서 렌더링 모드를 볼 수 있다. 파이어 폭스는 도구 >-&gt; 페이지 정보 (혹은 <code>Ctrl+I</code>)에서 렌더링 모드를 볼 수 있다. 파이어 폭스는 도
>-&gt; 페이지 정보에서 렌더링 모드를 표시한다. 페이지가 어느 모드로 될 것인지는 doctype에 따라 결정된다.>구 -&gt; 페이지 정보에서 렌더링 모드를 표시한다. 페이지가 어느 모드로 될 것인지는 doctype에 따라 결정된
 >다.
n848      <img alt="이미지 간격" fileid="2072" src="File:ko/Media_Gallery/n848      <img alt="이미지 간격" class="internal" src="/@api/deki/files/20
>Migrationguide-imagegap.jpg">>72/=Migrationguide-imagegap.jpg">
n863      <a href="ko/Images%2c_Tables%2c_and_Mysterious_Gaps">image n863      <a href="/ko/Images,_Tables,_and_Mysterious_Gaps" title="ko
>gap issue</a>에서 더 많은 정보를 얻을 수 있다.>/Images,_Tables,_and_Mysterious_Gaps">image gap issue</a>에서 더 많은 
 >정보를 얻을 수 있다.
n881      더 자세한 사항은 다음을 참고하라: <a href="ko/Mozilla_Quirks_Mode_Behavion881      더 자세한 사항은 다음을 참고하라: <a href="/ko/Mozilla_Quirks_Mode_Behavi
>r">Mozilla Quirks Mode Behavior</a>, <a href="ko/Mozilla's_DOCTYP>or" title="ko/Mozilla_Quirks_Mode_Behavior">Mozilla Quirks Mode B
>E_sniffing">Mozilla's DOCTYPE sniffing</a>.>ehavior</a>, <a href="/ko/Mozilla's_DOCTYPE_sniffing" title="ko/M
 >ozilla's_DOCTYPE_sniffing">Mozilla's DOCTYPE sniffing</a>.
n1095      Mozilla는 DOM 노드에 리스너를 등록하는 W3C의 표준 방법을 전적으로 지원한다. <code>addn1095      Mozilla는 DOM 노드에 리스너를 등록하는 W3C의 표준 방법을 전적으로 지원한다. <code>add
>EventListener()</code> 와 <code>removeEventListener()</code> 메소드를 >EventListener()</code> 와 <code>removeEventListener()</code> 메소드를 
>사용하면 동일한 이벤트 타입에 대해 여러 리스너를 지정할 수 있는 장점이 있다. 두 메소드는 세가지 파라미터를 필요로>사용하면 동일한 이벤트 타입에 대해 여러 리스너를 지정할 수 있는 장점이 있다. 두 메소드는 세가지 파라미터를 필요로
> 한다&nbsp;: 이벤트 타입, 함수 레퍼런스, 리스너가 캡쳐 구간에서 이벤트를 잡을 것인지에 대한 불린(boole> 한다&nbsp;: 이벤트 타입, 함수 레퍼런스, 리스너가 캡쳐 구간에서 이벤트를 잡을 것인지에 대한 불린(boole
>an)값. 불린 값이 false로 지정되면, 버블링 이벤트만을 잡아낸다. W3C 이벤트는 capturing, at t>an)값. 불린 값이 false로 지정되면, 버블링 이벤트만을 잡아낸다. W3C 이벤트는 capturing, at t
>arget, bubbling 세가지 단계을 가진다. 모든 이벤트 오브젝트는 단계를 숫자(0 인덱스)로 표시하는 <co>arget, bubbling 세가지 단계을 가진다. 모든 이벤트 오브젝트는 단계를 숫자(0 인덱스)로 표시하는 <co
>de>eventPhase</code> 속성을 가진다. 이벤트가 발생할 때 마다 이벤트는 DOM의 가장 바깥 엘리먼트,>de>eventPhase</code> 속성을 가진다. 이벤트가 발생할 때 마다 이벤트는 DOM의 가장 바깥 엘리먼트,
> DOM 트리의 가장 상위 엘리먼트에서 출발한다. 그리고는 타겟을 향하여 가장 직접적인 경로를 사용하여 DOM을 타고> DOM 트리의 가장 상위 엘리먼트에서 출발한다. 그리고는 타겟을 향하여 가장 직접적인 경로를 사용하여 DOM을 타고
> 들어가는데 이것이 capturing 단계이다. 이벤트가 타겟에 도착하면 이벤트는 target 단계에 있는 것이다. > 들어가는데 이것이 capturing 단계이다. 이벤트가 타겟에 도착하면 이벤트는 target 단계에 있는 것이다. 
>타겟에 도착한 후 이벤트는 다시 DOM 트리의 가장 바깥쪽으로 빠져 나가는데 이것이 <b>bubbling</b> 이다>타겟에 도착한 후 이벤트는 다시 DOM 트리의 가장 바깥쪽으로 빠져 나가는데 이것이 <strong>bubbling</
>. IE의 이벤트 모델은 bubbling 단계만을 갖고 있기 때문에 IE의 동작과 같은 결과를 내려면 세번째 파라미터>strong> 이다. IE의 이벤트 모델은 bubbling 단계만을 갖고 있기 때문에 IE의 동작과 같은 결과를 내려
>를 false로 지정해야 한다:>면 세번째 파라미터를 false로 지정해야 한다:
n1164      Mozilla가 W3C 표준을 가장 잘 적용한 브라우저라는 것을 자랑스러워하기는 하지만, W3C에 대응되는n1164      Mozilla가 W3C 표준을 가장 잘 적용한 브라우저라는 것을 자랑스러워하기는 하지만, W3C에 대응되는
> 표준이 없을 시 Mozilla는 <code>innerHTML</code>이나 <a href="ko/Midas">ri> 표준이 없을 시 Mozilla는 <code>innerHTML</code>이나 <a href="/ko/Midas" t
>ch text editing</a> 같은 비표준 기능도 지원한다.>itle="ko/Midas">rich text editing</a> 같은 비표준 기능도 지원한다.
1165    </p>
1166    <p>1165    </p>
1166    <p>
1167      Mozilla 1.3은 IE의 <a href="ko/Rich-Text_Editing_in_Mozilla/C1167      Mozilla 1.3은 IE의 <a href="/ko/Rich-Text_Editing_in_Mozilla/
>lass_xbDesignMode">designMode</a> 기능 구현을 도입했는데 이것은 HTML 문서를 리치 텍스>Class_xbDesignMode" title="ko/Rich-Text_Editing_in_Mozilla/Class_
>트 에디터 필드로 바꾼다. 일단 에디터로 바뀌고나면 명령들은 <code>execCommand</code> 명령을 통해>xbDesignMode">designMode</a> 기능 구현을 도입했는데 이것은 HTML 문서를 리치 텍스트 에디터
> 문서상에서 실행될 수 있다. Mozilla는 어떤 위젯이라도 편집가능하게 만드는 IE의 <code>contentEd> 필드로 바꾼다. 일단 에디터로 바뀌고나면 명령들은 <code>execCommand</code> 명령을 통해 문서상에
>itable</code> 속성을 지원하지 않는다. 리치 텍스트 에디터를 추가하려면 iframe을 사용할 수 있다.>서 실행될 수 있다. Mozilla는 어떤 위젯이라도 편집가능하게 만드는 IE의 <code>contentEditabl
 >e</code> 속성을 지원하지 않는다. 리치 텍스트 에디터를 추가하려면 iframe을 사용할 수 있다.
n1512      더 자세한 사항은 다음을 참고하라: <a href="ko/Rich-Text_Editing_in_Mozilln1512      더 자세한 사항은 다음을 참고하라: <a href="/ko/Rich-Text_Editing_in_Mozil
>a">Rich-Text Editing in Mozilla</a>.>la" title="ko/Rich-Text_Editing_in_Mozilla">Rich-Text Editing in 
 >Mozilla</a>.
n1562      더 자세한 사항과 해결방안은 다음을 참고하라: <a href="ko/Whitespace_in_the_DOMn1562      더 자세한 사항과 해결방안은 다음을 참고하라: <a href="/ko/Whitespace_in_the_DO
>">Whitespace in the DOM</a>>M" title="ko/Whitespace_in_the_DOM">Whitespace in the DOM</a>
n1579      크로스 브라우징 해결 방법 중의 하나는 DOM 파서를 이용하는 것인데 이것은 직렬화된 XML 문서를 포함한n1579      크로스 브라우징 해결 방법 중의 하나는 DOM 파서를 이용하는 것인데 이것은 직렬화된 XML 문서를 포함한
> 문자열을 파싱하고 파싱된 XML에 대한 문서를 생성한다. Mozilla는 <code><a href="ko/DOMPa> 문자열을 파싱하고 파싱된 XML에 대한 문서를 생성한다. Mozilla는 <code><a href="/ko/DOMP
>rser">DOMParser</a></code> 오브젝트를 사용하며, 이는 직렬화된 문자열을 가지고 외부로 XML 문>arser" title="ko/DOMParser">DOMParser</a></code> 오브젝트를 사용하며, 이는 직
>서를 생성한다. IE에서는 같은 기능을 ActiveX를 사용하여 만들수 있다. <code>new ActiveXObje>렬화된 문자열을 가지고 외부로 XML 문서를 생성한다. IE에서는 같은 기능을 ActiveX를 사용하여 만들수 있다.
>ct("Microsoft.XMLDOM")</code>를 사용하여 생성한 오브젝트는 문자열을 가지고 문서를 생성하는 <> <code>new ActiveXObject("Microsoft.XMLDOM")</code>를 사용하여 생성한 오브젝
>code>loadXML</code> 메소드를 가진다. 다음 코드가 그 방법을 보여준다:>트는 문자열을 가지고 문서를 생성하는 <code>loadXML</code> 메소드를 가진다. 다음 코드가 그 방법을 
 >보여준다:
n1606      다른 대안은 다음을 참고하라: <a href="ko/Using_XML_Data_Islands_in_Mozin1606      다른 대안은 다음을 참고하라: <a href="/ko/Using_XML_Data_Islands_in_Moz
>lla">Using XML Data Islands in Mozilla</a>>illa" title="ko/Using_XML_Data_Islands_in_Mozilla">Using XML Data
 > Islands in Mozilla</a>
n1612      IE는 MSXML의 <code>XMLHTTP</code> 클래스를 사용하여 XML 파일을 보내거나 탐색할 n1612      IE는 MSXML의 <code>XMLHTTP</code> 클래스를 사용하여 XML 파일을 보내거나 탐색할 
>수 있게 하는데, 이것은 <code>new ActiveXObject("Msxml2.XMLHTTP")</code> 또는>수 있게 하는데, 이것은 <code>new ActiveXObject("Msxml2.XMLHTTP")</code> 또는
> <code>new ActiveXObject("Microsoft.XMLHTTP")</code>를 사용한 ActiveX> <code>new ActiveXObject("Microsoft.XMLHTTP")</code>를 사용한 ActiveX
>를 통해 인스턴스화 된다. 이러한 것에 대해 표준이 존재하지 않기 때문에, Mozilla는 같은 기능에 대해 전역 자>를 통해 인스턴스화 된다. 이러한 것에 대해 표준이 존재하지 않기 때문에, Mozilla는 같은 기능에 대해 전역 자
>바스크립트 객체인 <code><a href="ko/XMLHttpRequest">XMLHttpRequest</a></c>바스크립트 객체인 <code><a href="/ko/XMLHttpRequest" title="ko/XMLHttpReq
>ode>에서 이를 제공한다. IE도 역시 버전 7 부터는 원시 <code>XMLHttpRequest</code> 오브>uest">XMLHttpRequest</a></code>에서 이를 제공한다. IE도 역시 버전 7 부터는 원시 <co
>젝트를 지원한다.>de>XMLHttpRequest</code> 오브젝트를 지원한다.
n1959        <li>Link: <a class=" external" href="http://www-128.ibm.cn1959        <li>Link: <a class=" external" href="http://www.ibm.com/d
>om/developerworks/web/library/wa-ie2mozgd/" rel="freelink">http:/>eveloperworks/web/library/wa-ie2mozgd/" rel="freelink">http://www
>/www-128.ibm.com/developerwork...y/wa-ie2mozgd/</a>>.ibm.com/developerworks/we...y/wa-ie2mozgd/</a>
tt1962    </div>
1963    <p>
1962    </div>{{ languages( { "en": "en/Migrate_apps_from_Internet_Ex1964      {{ languages( { "en": "en/Migrate_apps_from_Internet_Explor
>plorer_to_Mozilla" } ) }}>er_to_Mozilla" } ) }}
1965    </p>

이력으로 돌아가기