diff options
Diffstat (limited to 'files')
20 files changed, 349 insertions, 1193 deletions
diff --git a/files/ko/_redirects.txt b/files/ko/_redirects.txt index 9cb78c73c3..966bc71aef 100644 --- a/files/ko/_redirects.txt +++ b/files/ko/_redirects.txt @@ -30,7 +30,7 @@ /ko/docs/CSS/Getting_Started/Content /ko/docs/Learn/CSS/Howto/Generated_content /ko/docs/CSS/Getting_Started/How_CSS_works /en-US/docs/Learn/CSS/First_steps/How_CSS_works /ko/docs/CSS/Getting_Started/JavaScript /ko/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents -/ko/docs/CSS/Getting_Started/Media /ko/docs/conflicting/Web/CSS/Media_Queries/Using_media_queries +/ko/docs/CSS/Getting_Started/Media /ko/docs/Web/CSS/Media_Queries/Using_media_queries /ko/docs/CSS/Getting_Started/SVG_graphics /ko/docs/Web/SVG/Tutorial/SVG_and_CSS /ko/docs/CSS/Getting_Started/Selectors /en-US/docs/Learn/CSS/Building_blocks/Selectors /ko/docs/CSS/Getting_Started/What_is_CSS /en-US/docs/Learn/CSS/First_steps/How_CSS_works @@ -57,7 +57,7 @@ /ko/docs/CSS/border-radius /ko/docs/Web/CSS/border-radius /ko/docs/CSS/box-shadow /ko/docs/Web/CSS/box-shadow /ko/docs/CSS/cursor /ko/docs/Web/CSS/cursor -/ko/docs/CSS/cursor/Using_URL_values_for_the_cursor_property /ko/docs/conflicting/Web/CSS/cursor +/ko/docs/CSS/cursor/Using_URL_values_for_the_cursor_property /ko/docs/Web/CSS/cursor /ko/docs/CSS/initial_value /ko/docs/Web/CSS/initial_value /ko/docs/CSS/text-shadow /ko/docs/Web/CSS/text-shadow /ko/docs/CSS/transform /ko/docs/Web/CSS/transform @@ -66,7 +66,7 @@ /ko/docs/CSS/시작하기/CSS_동작_원리 /en-US/docs/Learn/CSS/First_steps/How_CSS_works /ko/docs/CSS/시작하기/CSS란 /en-US/docs/Learn/CSS/First_steps/How_CSS_works /ko/docs/CSS/시작하기/내용물 /ko/docs/Learn/CSS/Howto/Generated_content -/ko/docs/CSS/시작하기/미디어 /ko/docs/conflicting/Web/CSS/Media_Queries/Using_media_queries +/ko/docs/CSS/시작하기/미디어 /ko/docs/Web/CSS/Media_Queries/Using_media_queries /ko/docs/CSS/시작하기/색상 /en-US/docs/Learn/CSS/Building_blocks/Values_and_units /ko/docs/CSS/시작하기/설렉터 /en-US/docs/Learn/CSS/Building_blocks/Selectors /ko/docs/CSS/시작하기/왜_CSS를_사용하나 /en-US/docs/Learn/CSS/First_steps/How_CSS_works @@ -76,7 +76,7 @@ /ko/docs/CSS:Getting_Started:Content /ko/docs/Learn/CSS/Howto/Generated_content /ko/docs/CSS:Getting_Started:How_CSS_works /en-US/docs/Learn/CSS/First_steps/How_CSS_works /ko/docs/CSS:Getting_Started:JavaScript /ko/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents -/ko/docs/CSS:Getting_Started:Media /ko/docs/conflicting/Web/CSS/Media_Queries/Using_media_queries +/ko/docs/CSS:Getting_Started:Media /ko/docs/Web/CSS/Media_Queries/Using_media_queries /ko/docs/CSS:Getting_Started:SVG_graphics /ko/docs/Web/SVG/Tutorial/SVG_and_CSS /ko/docs/CSS:Getting_Started:Selectors /en-US/docs/Learn/CSS/Building_blocks/Selectors /ko/docs/CSS:Getting_Started:What_is_CSS /en-US/docs/Learn/CSS/First_steps/How_CSS_works @@ -405,7 +405,7 @@ /ko/docs/Navigation_timing /ko/docs/Web/API/Navigation_timing_API /ko/docs/Node_server_without_framework /ko/docs/Learn/Server-side/Node_server_without_framework /ko/docs/Notable_bugs_fixed_in_Firefox_3 /ko/docs/Mozilla/Firefox/Releases/3/Notable_bugs_fixed -/ko/docs/Online_and_offline_events /ko/docs/orphaned/Web/API/NavigatorOnLine/Online_and_offline_events +/ko/docs/Online_and_offline_events /ko/docs/Web/API/Navigator/Online_and_offline_events /ko/docs/Plugins/Guide/Scripting_plugins /ko/docs/Glossary/Plugin /ko/docs/SVG /ko/docs/Web/SVG /ko/docs/SVG/Tutorial /ko/docs/Web/SVG/Tutorial @@ -432,8 +432,8 @@ /ko/docs/Updating_extensions_for_Firefox_3 /ko/docs/Mozilla/Firefox/Releases/3/Updating_extensions /ko/docs/Updating_web_applications_for_Firefox_3 /ko/docs/Mozilla/Firefox/Releases/3/Updating_web_applications /ko/docs/Using_JSON_in_Firefox /ko/docs/Web/JavaScript/Reference/Global_Objects/JSON -/ko/docs/Using_URL_values_for_the_cursor_property /ko/docs/conflicting/Web/CSS/cursor -/ko/docs/Using_URL_values_for_the_cursor_property-redirect-1 /ko/docs/conflicting/Web/CSS/cursor +/ko/docs/Using_URL_values_for_the_cursor_property /ko/docs/Web/CSS/cursor +/ko/docs/Using_URL_values_for_the_cursor_property-redirect-1 /ko/docs/Web/CSS/cursor /ko/docs/Using_the_Mozilla_JavaScript_interface_to_XSL_Transformations /ko/docs/Web/XSLT/Using_the_Mozilla_JavaScript_interface_to_XSL_Transformations /ko/docs/Web/API/Boolean /ko/docs/Web/JavaScript/Reference/Global_Objects/Boolean /ko/docs/Web/API/Canvas_API/캔버스_튜토리얼 /ko/docs/Web/API/Canvas_API/Tutorial @@ -458,25 +458,24 @@ /ko/docs/Web/API/HTMLHyperlinkElementUtils/href /ko/docs/Web/API/HTMLAnchorElement/href /ko/docs/Web/API/HTML_드래그_앤_드롭_API /ko/docs/Web/API/HTML_Drag_and_Drop_API /ko/docs/Web/API/HTML_드래그_앤_드롭_API/Drag_operations /ko/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations -/ko/docs/Web/API/Index /ko/docs/conflicting/Web/API /ko/docs/Web/API/Navigator.battery /ko/docs/Web/API/Navigator/battery /ko/docs/Web/API/Navigator.battery/window.navigator.battery /ko/docs/Web/API/Navigator/battery /ko/docs/Web/API/Navigator.connection/window.navigator.connection /ko/docs/Web/API/Navigator/connection -/ko/docs/Web/API/NavigatorID /ko/docs/orphaned/Web/API/NavigatorID -/ko/docs/Web/API/NavigatorLanguage /ko/docs/orphaned/Web/API/NavigatorLanguage -/ko/docs/Web/API/NavigatorLanguage/language /ko/docs/orphaned/Web/API/NavigatorLanguage/language -/ko/docs/Web/API/NavigatorOnLine /ko/docs/orphaned/Web/API/NavigatorOnLine -/ko/docs/Web/API/NavigatorOnLine/Online_and_offline_events /ko/docs/orphaned/Web/API/NavigatorOnLine/Online_and_offline_events +/ko/docs/Web/API/NavigatorID /ko/docs/Web/API/Navigator +/ko/docs/Web/API/NavigatorLanguage /ko/docs/Web/API/Navigator +/ko/docs/Web/API/NavigatorLanguage/language /ko/docs/Web/API/Navigator/language +/ko/docs/Web/API/NavigatorOnLine /ko/docs/Web/API/Navigator/language +/ko/docs/Web/API/NavigatorOnLine/Online_and_offline_events /ko/docs/Web/API/Navigator/Online_and_offline_events /ko/docs/Web/API/NetworkInformation.connection /ko/docs/Web/API/Navigator/connection /ko/docs/Web/API/NetworkInformation.connection/window.navigator.connection /ko/docs/Web/API/Navigator/connection /ko/docs/Web/API/NetworkInformation/connection /ko/docs/Web/API/Navigator/connection /ko/docs/Web/API/Node/innerText /ko/docs/Web/API/HTMLElement/innerText /ko/docs/Web/API/Notification.permission /ko/docs/Web/API/Notification/permission /ko/docs/Web/API/ParentNode/childElementCount /ko/docs/Web/API/Element/childElementCount -/ko/docs/Web/API/PhotoCapabilities /ko/docs/conflicting/Web/API/ImageCapture/getPhotoCapabilities +/ko/docs/Web/API/PhotoCapabilities /ko/docs/Web/API/ImageCapture/getPhotoCapabilities /ko/docs/Web/API/Position /ko/docs/Web/API/GeolocationPosition -/ko/docs/Web/API/PositionOptions /ko/docs/conflicting/Web/API/Geolocation/getCurrentPosition -/ko/docs/Web/API/RTCConfiguration /ko/docs/conflicting/Web/API/RTCPeerConnection/RTCPeerConnection +/ko/docs/Web/API/PositionOptions /ko/docs/Web/API/Geolocation/getCurrentPosition +/ko/docs/Web/API/RTCConfiguration /ko/docs/Web/API/RTCPeerConnection/RTCPeerConnection /ko/docs/Web/API/RandomSource /ko/docs/Web/API/Crypto/getRandomValues /ko/docs/Web/API/RandomSource/getRandomValues /ko/docs/Web/API/Crypto/getRandomValues /ko/docs/Web/API/Screen.lockOrientation /ko/docs/Web/API/Screen/lockOrientation @@ -513,7 +512,7 @@ /ko/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator /ko/docs/Web/CSS/CSS_Backgrounds_and_Borders/Border-radius_generator /ko/docs/Web/CSS/CSS_Background_and_Borders/Box-shadow_generator /ko/docs/Web/CSS/CSS_Backgrounds_and_Borders/Box-shadow_generator /ko/docs/Web/CSS/CSS_Backgrounds_and_Borders/Scaling_background_images /ko/docs/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images -/ko/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property /ko/docs/conflicting/Web/CSS/cursor +/ko/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property /ko/docs/Web/CSS/cursor /ko/docs/Web/CSS/CSS_Colors /ko/docs/Web/CSS/CSS_Color /ko/docs/Web/CSS/CSS_Flexible_Box_Layout/Flexbox의_기본_개념 /ko/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox /ko/docs/Web/CSS/CSS_Flexible_Box_Layout/가변상자의_대표적인_사용례 /ko/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox @@ -537,7 +536,7 @@ /ko/docs/Web/CSS/Getting_Started/Content /ko/docs/Learn/CSS/Howto/Generated_content /ko/docs/Web/CSS/Getting_Started/How_CSS_works /en-US/docs/Learn/CSS/First_steps/How_CSS_works /ko/docs/Web/CSS/Getting_Started/JavaScript /ko/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents -/ko/docs/Web/CSS/Getting_Started/Media /ko/docs/conflicting/Web/CSS/Media_Queries/Using_media_queries +/ko/docs/Web/CSS/Getting_Started/Media /ko/docs/Web/CSS/Media_Queries/Using_media_queries /ko/docs/Web/CSS/Getting_Started/SVG_graphics /ko/docs/Web/SVG/Tutorial/SVG_and_CSS /ko/docs/Web/CSS/Getting_Started/Selectors /en-US/docs/Learn/CSS/Building_blocks/Selectors /ko/docs/Web/CSS/Getting_Started/What_is_CSS /en-US/docs/Learn/CSS/First_steps/How_CSS_works @@ -556,7 +555,7 @@ /ko/docs/Web/CSS/Using_CSS_variables /ko/docs/Web/CSS/Using_CSS_custom_properties /ko/docs/Web/CSS/calc /ko/docs/Web/CSS/calc() /ko/docs/Web/CSS/currentcolor /ko/docs/Web/CSS/color_value#currentColor_키워드 -/ko/docs/Web/CSS/cursor/Using_URL_values_for_the_cursor_property /ko/docs/conflicting/Web/CSS/cursor +/ko/docs/Web/CSS/cursor/Using_URL_values_for_the_cursor_property /ko/docs/Web/CSS/cursor /ko/docs/Web/CSS/filter-function/blur /ko/docs/Web/CSS/filter-function/blur() /ko/docs/Web/CSS/filter-function/brightness /ko/docs/Web/CSS/filter-function/brightness() /ko/docs/Web/CSS/filter-function/contrast /ko/docs/Web/CSS/filter-function/contrast() @@ -568,7 +567,7 @@ /ko/docs/Web/CSS/시작하기/CSS_동작_원리 /en-US/docs/Learn/CSS/First_steps/How_CSS_works /ko/docs/Web/CSS/시작하기/CSS란 /en-US/docs/Learn/CSS/First_steps/How_CSS_works /ko/docs/Web/CSS/시작하기/내용물 /ko/docs/Learn/CSS/Howto/Generated_content -/ko/docs/Web/CSS/시작하기/미디어 /ko/docs/conflicting/Web/CSS/Media_Queries/Using_media_queries +/ko/docs/Web/CSS/시작하기/미디어 /ko/docs/Web/CSS/Media_Queries/Using_media_queries /ko/docs/Web/CSS/시작하기/색상 /en-US/docs/Learn/CSS/Building_blocks/Values_and_units /ko/docs/Web/CSS/시작하기/설렉터 /en-US/docs/Learn/CSS/Building_blocks/Selectors /ko/docs/Web/CSS/시작하기/왜_CSS를_사용하나 /en-US/docs/Learn/CSS/First_steps/How_CSS_works @@ -689,7 +688,7 @@ /ko/docs/Web/Media/Formats/코덱파라미터 /ko/docs/Web/Media/Formats/codecs_parameter /ko/docs/Web/Performance/브라우저는_어떻게_동작하는가 /ko/docs/Web/Performance/How_browsers_work /ko/docs/Web/Performance/중요_렌더링_경로 /ko/docs/Web/Performance/Critical_rendering_path -/ko/docs/Web/Progressive_web_apps/Responsive/Media_types /ko/docs/conflicting/Web/CSS/Media_Queries/Using_media_queries +/ko/docs/Web/Progressive_web_apps/Responsive/Media_types /ko/docs/Web/CSS/Media_Queries/Using_media_queries /ko/docs/Web/Progressive_web_apps/소개 /ko/docs/Web/Progressive_web_apps/Introduction /ko/docs/Web/Reference/Events /ko/docs/Web/Events /ko/docs/Web/Reference/Events/DOMContentLoaded /ko/docs/Web/API/Window/DOMContentLoaded_event diff --git a/files/ko/conflicting/web/api/geolocation/getcurrentposition/index.html b/files/ko/conflicting/web/api/geolocation/getcurrentposition/index.html deleted file mode 100644 index a8436716ad..0000000000 --- a/files/ko/conflicting/web/api/geolocation/getcurrentposition/index.html +++ /dev/null @@ -1,65 +0,0 @@ ---- -title: PositionOptions -slug: conflicting/Web/API/Geolocation/getCurrentPosition -tags: - - API - - Geolocation API - - Interface - - PositionOptions - - Reference - - Secure context -translation_of: Web/API/PositionOptions -original_slug: Web/API/PositionOptions ---- -<div>{{securecontext_header}}{{APIRef("Geolocation API")}}</div> - -<p><strong><code>PositionOptions</code></strong> 인터페이스는 {{domxref("Geolocation.getCurrentPosition()")}}과 {{domxref("Geolocation.watchPosition()")}}의 매개변수로 전달할 옵션 속성을 포함한 개체를 나타냅니다.</p> - -<h2 id="속성">속성</h2> - -<p><em><code>PositionOptions</code></em> <em>인터페이스는 어떤 속성도 상속하지 않습니다.</em></p> - -<dl> - <dt>{{domxref("PositionOptions.enableHighAccuracy")}} {{securecontext_inline}}</dt> - <dd>위치정보를 가장 높은 정확도로 수신하고 싶음을 나타내는 {{domxref("Boolean")}}입니다. 이 값이 <code>true</code>이고, 장치도 지원한다면 더 정확한 위치정보를 받을 수 있습니다. 그러나 느린 응답 속도와, 모바일 장치에서의 전력 소모량 증가는 주의해야 합니다. 반대로, 값이 <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">false</span></font>면 기기가 더 빠르게 반응하고 전력 소모도 줄일 수 있습니다. 기본값은 <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">false</span></font>입니다.</dd> - <dt>{{domxref("PositionOptions.timeout")}} {{securecontext_inline}}</dt> - <dd>기기가 위치를 반환할 때 소모할 수 있는 최대 시간을 밀리초로 나타내는 양의 <code>long</code> 값입니다. 기본값은 {{jsxref("Infinity")}}로, 위치정보를 알아낼 때까지 <code>getCurrentPosition()</code>의 성공 콜백을 호출하지 않습니다.</dd> - <dt>{{domxref("PositionOptions.maximumAge")}} {{securecontext_inline}}</dt> - <dd>캐시에 저장한 위치정보를 대신 반환할 수 있는 최대 시간을 밀리초로 나타내는 양의 <code>long</code> 값입니다. <code>0</code>으로 설정하면 장치가 사전에 미리 저장한 위치를 사용하지 않고, 항상 현재 위치를 검색합니다. {{jsxref("Infinity")}}로 설정하면 지난 시간에 상관없이 캐시에 저장한 위치를 반환합니다. 기본값은 0입니다.</dd> -</dl> - -<h2 id="메서드">메서드</h2> - -<p><code>PositionOptions</code> 인터페이스는 어떤 메서드도 구현하거나 상속하지 않습니다.</p> - -<h2 id="명세">명세</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Geolocation', '#positionoptions', 'PositionOptions')}}</td> - <td>{{Spec2('Geolocation')}}</td> - <td>Initial definition</td> - </tr> - </tbody> -</table> - -<h2 id="브라우저_호환성">브라우저 호환성</h2> - - - -<p>{{Compat("api.PositionOptions")}}</p> - -<h2 id="같이_보기">같이 보기</h2> - -<ul> - <li><a href="/ko/docs/Web/API/Geolocation_API">Geolocation API</a></li> - <li>이 인터페이스를 사용하는 {{domxref("Geolocation")}} 인터페이스.</li> -</ul> diff --git a/files/ko/conflicting/web/api/imagecapture/getphotocapabilities/index.html b/files/ko/conflicting/web/api/imagecapture/getphotocapabilities/index.html deleted file mode 100644 index 5115b82f65..0000000000 --- a/files/ko/conflicting/web/api/imagecapture/getphotocapabilities/index.html +++ /dev/null @@ -1,85 +0,0 @@ ---- -title: PhotoCapabilities -slug: conflicting/Web/API/ImageCapture/getPhotoCapabilities -tags: - - API - - Experimental - - Interface - - MediaStream Image Capture API - - PhotoCapabilities - - Reference -translation_of: Web/API/PhotoCapabilities -original_slug: Web/API/PhotoCapabilities ---- -<div>{{APIRef("MediaStream Image")}}</div> - -<p><span class="seoSummary"><a href="/ko/docs/Web/API/MediaStream_Image_Capture_API">MediaStream Image Capture API</a>의 <code>PhotoCapabilities</code> 인터페이스는 장착된 촬영 장치에서 사용 가능한 설정 옵션을 제공합니다. <code>PhotoCapabilities</code> 객체는 {{domxref("ImageCapture.getPhotoCapabilities()")}}를 사용해 가져올 수 있습니다..</span></p> - -<h2 id="속성">속성</h2> - -<dl> - <dt>{{domxref("PhotoCapabilities.redEyeReduction")}} {{readonlyinline}}</dt> - <dd>장치의 적목 현상 감소 기능 적용 여부를 나타내는 열거형 값을 반환합니다. 가능한 값은 <code>"never"</code>, <code>"always"</code>, <code>"controllable"</code>로, <code>"controllable"</code>이어야 설정 가능합니다.</dd> - <dt>{{domxref("PhotoCapabilities.imageHeight")}} {{readonlyinline}}</dt> - <dd>{{glossary("user agent", "사용자 에이전트")}}가 지원하는 이미지 높이를 나타내는 {{domxref("MediaSettingsRange")}} 객체를 반환합니다.</dd> - <dt>{{domxref("PhotoCapabilities.imageWidth")}} {{readonlyinline}}</dt> - <dd>{{glossary("user agent", "사용자 에이전트")}}가 지원하는 이미지 너비를 나타내는 {{domxref("MediaSettingsRange")}} 객체를 반환합니다.</dd> - <dt>{{domxref("PhotoCapabilities.fillLightMode")}} {{readonlyinline}}</dt> - <dd>사용 가능한 플래시 옵션을 담은 배열을 반환합니다. 가능한 값은 <code>auto</code>, <code>off</code>, <code>flash</code>입니다.</dd> -</dl> - -<h2 id="예제">예제</h2> - -<p>다음 예제는 <a href="https://googlechrome.github.io/samples/image-capture/photo-resolution.html">Chrome의 Image Capture / Photo Resolution Sample</a>에서 가져온 코드로, {{domxref("ImageCapture.getPhotoCapabilities", "getPhotoCapabilities()")}}를 사용해 범위 입력 칸의 크기를 수정합니다. 또한 장치의 {{domxref("MediaStream")}}에서 가져온 {{domxref("MediaStreamTrack")}} 객체를 사용해 {{domxref("ImageCapture")}} 객체를 생성하는 부분도 포함하고 있습니다.</p> - -<pre class="brush: js">const input = document.querySelector('input[type="range"]'); - -var imageCapture; - -navigator.mediaDevices.getUserMedia({video: true}) -.then(mediaStream => { - document.querySelector('video').srcObject = mediaStream; - - const track = mediaStream.getVideoTracks()[0]; - imageCapture = new ImageCapture(track); - - return imageCapture.getPhotoCapabilities(); -}) -.then(photoCapabilities => { - const settings = imageCapture.track.getSettings(); - - input.min = photoCapabilities.imageWidth.min; - input.max = photoCapabilities.imageWidth.max; - input.step = photoCapabilities.imageWidth.step; - - return imageCapture.getPhotoSettings(); -}) -.then(photoSettings => { - input.value = photoSettings.imageWidth; -}) -.catch(error => console.log('Argh!', error.name || error));</pre> - -<h2 id="명세">명세</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - <tr> - <td>{{SpecName('MediaStream Image','#photocapabilities-section','PotoCapabilities')}}</td> - <td>{{Spec2('MediaStream Image')}}</td> - <td>Initial definition.</td> - </tr> - </tbody> -</table> - -<h2 id="브라우저_호환성">브라우저 호환성</h2> - -<div> - - -<p>{{Compat("api.PhotoCapabilities")}}</p> -</div> diff --git a/files/ko/conflicting/web/api/index.html b/files/ko/conflicting/web/api/index.html deleted file mode 100644 index d74c755289..0000000000 --- a/files/ko/conflicting/web/api/index.html +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: Index -slug: conflicting/Web/API -tags: - - API - - Index - - Landing -translation_of: Web/API/Index -original_slug: Web/API/Index ---- -<p>{{Index("/ko/docs/Web/API")}}</p> diff --git a/files/ko/conflicting/web/api/rtcpeerconnection/rtcpeerconnection/index.html b/files/ko/conflicting/web/api/rtcpeerconnection/rtcpeerconnection/index.html deleted file mode 100644 index e96f592c1e..0000000000 --- a/files/ko/conflicting/web/api/rtcpeerconnection/rtcpeerconnection/index.html +++ /dev/null @@ -1,98 +0,0 @@ ---- -title: RTCConfiguration -slug: conflicting/Web/API/RTCPeerConnection/RTCPeerConnection -tags: - - API - - Dictionary - - Interface - - RTCConfiguration - - WebRTC -translation_of: Web/API/RTCConfiguration -original_slug: Web/API/RTCConfiguration ---- -<p>{{APIRef("WebRTC")}}{{draft}}</p> - -<p><strong><code>RTCConfiguration</code></strong>는 {{domxref("RTCPeerConnection")}}의 설정에 대한 옵션들을 제공합니다. 연결이 처음으로 이루어질 때 {{domxref("RTCPeerConnection")}} 생성자에 전달되거나, 연결이 확립된 동안 설정을 확인하고 변경이 가능한{{domxref("RTCPeerConnection.getConfiguration()")}} 및 {{domxref("RTCPeerConnection.setConfiguration()")}} 메소드와 같이 사용됩니다.</p> - -<p>옵션은 ICE 서버, 전달 셋팅, 그리고 identity 정보를 포함합니다.</p> - -<h2 id="속성">속성</h2> - -<dl> - <dt>{{domxref("RTCConfiguration.bundlePolicy", "bundlePolicy")}} {{optional_inline}}</dt> - <dd>원격 피어가 <a href="https://webrtcstandards.info/sdp-bundle/">SDP BUNDLE standard</a>에 호환이 불가능할 때, 어떻게 candidate의 네고시에이션을 처리 할 것인지를 정의합니다. 이 옵션은 무조건 enum <code><a href="#RTCBundlePolicy_enum">RTCBundlePolicy</a></code>의 값들 중 하나여야만 합니다. 만약 이 값이 딕셔너리에 없으면, <code>"balanced"</code> 으로 지정됩니다.</dd> - <dt>{{domxref("RTCConfiguration.certificates", "certificates")}} {{optional_inline}}</dt> - <dd>인증을 위해 연결에서 사용되는 {{domxref("RTCCertificate")}} 타입의 객체의 {{jsxref("Array")}} 입니다. 이 속성이 정의되어있지 않으면, 각 {{domxref("RTCPeerConnection")}} 인스턴스별로 자동으로 인증서 모음이 생성됩니다. 하나의 연결에는 오직 한개의 인증서만 사용이 되지만, 여러 알고리즘들에 대해 다수의 인증서를 제공하는 방법으로 어떤 상황에서 우연치 않게 연결이 성공되는 경우를 줄일 수 있습니다. 아래는 {{anch("Using certificates")}}에 대한 추가 정보입니다. - <div class="note">이 설정 옵션은 한 번 정의되면 변경이 불가능합니다. 한 번 인증서가 지정되면, 그 후 발생하는 {{domxref("RTCPeerConnection.setConfiguration()")}} 호출에서 이 속성이 무시됩니다.</div> - </dd> - <dt>{{domxref("RTCConfiguration.iceCandidatePoolSize", "iceCandidatePoolSize")}} {{optional_inline}}</dt> - <dd>미리 가져와진 ICE candidate pool의 크기를 정의하는 서명되지 않은 16-bit 정수 값. 기본 값은 0으로 candidate를 미리 가져오는 것이 발생하지 않음을 뜻함. 연결 시도를 시작하기전에 ICE 에이전트가 ICE candidates를 미리 가져오게 허용하면, candidate들은 {{domxref("RTCPeerConnection.setLocalDescription()")}} 호출로 이미 확인이 가능하게 되고, 이로 인해 몇몇 상황에서 연결이 더 빠르게 성립됩니다. - <div class="note">ICE candidate pool의 크기 변경은 ICE 수집을 시작하게 만들 수 있습니다.</div> - </dd> - <dt>{{domxref("RTCConfiguration.iceServers", "iceServers")}} {{optional_inline}}</dt> - <dd>ICE 에이전트에 의해 이용될 수 있는 하나의 서버를 설명하는 {{domxref("RTCIceServer")}} 객체의 배열. 일반적으로 STUN 혹은 TURN 서버들입니다. 이 옵션이 정의가 안되어있으면, ICE 에이전트는 자체 ICE 서버를 선택하여 사용 할 수 있습니다. 자체 서버가 없다면, 연결은 사용 가능한 STUN 혹은 TURN 서버 없이 진행되고, 이는 로컬 피어와의 연결을 제한합니다. </dd> - <dt>{{domxref("RTCConfiguration.iceTransportPolicy", "iceTransportPolicy")}} {{optional_inline}}</dt> - <dd>현재 ICE 전송 정책; 이는 <code><a href="#RTCIceTransportPolicy_enum">RTCIceTransportPolicy</a></code> enum에 존재하는 값입니다. 이 옵션이 정의가 안되어있으면, <code>"all"</code>로 설정됩니다.</dd> - <dt>{{domxref("RTCConfiguration.peerIdentity", "peerIdentity")}} {{optional_inline}}</dt> - <dd>{{domxref("RTCPeerConnection")}}에 대한 타겟 피어 identity를 명시하는 {{domxref("DOMString")}}. 이 값이 지정되어있으면, <code>RTCPeerConnection</code>은 주어진 이름으로 인증이 성공하지 않는 이상 원격 피어와 연결하지 않습니다. (기본 값은 <code>null</code> 입니다.) </dd> - <dt>{{domxref("RTCConfiguration.rtcpMuxPolicy", "rtcpMuxPolicy")}} {{optional_inline}}</dt> - <dd>non-multiplexed RTCP를 지원하기 위해, ICE candidate를 수집 할 때 사용되는 RTCP mux 정책. 이 값은 <a href="#RTCRtcpMuxPolicy_enum"><code>RTCRtcpMuxPolicy</code> enum</a>.에 존재하는 값입니다. 기본 값은 <code>"require"</code>입니다.</dd> -</dl> - -<h2 id="상수">상수</h2> - -<p>{{page("/en-US/docs/Web/API/RTCPeerConnection", "RTCBundlePolicy enum", 0, 1)}}</p> - -<p>{{page("/en-US/docs/Web/API/RTCPeerConnection", "RTCIceTransportPolicy enum", 0, 1)}}</p> - -<p>{{page("/en-US/docs/Web/API/RTCPeerConnection", "RTCRtcpMuxPolicy enum", 0, 1)}}</p> - -<h2 id="인증서_사용하기">인증서 사용하기</h2> - -<p><code>RTCPeerConnection</code>가 자동으로 생성하는 인증서 대신에, 사용자가 직접 {{domxref("RTCPeerConnection")}}을 위한 자체 인증서를 만들기를 원한다면 {{domxref("RTCPeerConnection.generateCertificate()")}} 호출 합니다. </p> - -<p>이 속성은 다중 인증서 제공을 지원합니다. 이는 주어진 DTLS 연결이 오직 하나의 인증서를 사용한다해도, 다중 인증서는 여러개의 암호화 알고리즘 지원을 허용하기 때문입니다. <code>RTCPeerConnection</code>의 구현은 DTLS 합의 중 결정된 알고리즘 및 원격 피어에 근거해서 어떤 인증서를 사용 할지 선택합니다.</p> - -<p>인증서를 제공하지 않으면, 신규 인증서가 자동으로 생성이 됩니다. 사용자 자체의 identity 키를 제공하는 것의 한 가지 명백한 장점은 연속성입니다. 동일한 인증서를 이후 호출에도 사용하게되면, 원격 피어는 사용자가 같은 caller인지 알 수 있습니다. 또한, 새로운 인증키를 발급하지 않아도 됩니다. </p> - -<p><<<link to added info on identity>>></p> - -<h2 id="예시">예시</h2> - -<p>아래 설정은 두개의 ICE 서버를 구축합니다. 첫 번째 서버, <code>stun:stun.services.mozilla.com</code>는 인증을 요구하기 때문에 유저 이름과 비밀번호를 제공합니다. 두 번째 서버는 두 개의 URL 주소가 있습니다: <code>stun:stun.example.com</code>와 <code>stun:stun-1.example.com</code>입니다.</p> - -<pre class="brush: js">var configuration = { iceServers: [{ - urls: "stun:stun.services.mozilla.com", - username: "louis@mozilla.com", - credential: "webrtcdemo" - }, { - urls: ["stun:stun.example.com", "stun:stun-1.example.com"] - }] -}; - -var pc = new RTCPeerConnection(configuration);</pre> - -<h2 id="사양서">사양서</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - <tr> - <td>{{SpecName('WebRTC 1.0','#dom-rtcconfiguration','RTCConfiguration')}}</td> - <td>{{Spec2('WebRTC 1.0')}}</td> - <td>Initial definition.</td> - </tr> - </tbody> -</table> - -<h2 id="브라우저_호환성">브라우저 호환성</h2> - -<div> - - -<p>{{Compat("api.RTCConfiguration")}}</p> -</div> diff --git a/files/ko/conflicting/web/css/cursor/index.html b/files/ko/conflicting/web/css/cursor/index.html deleted file mode 100644 index 6b5ec96f19..0000000000 --- a/files/ko/conflicting/web/css/cursor/index.html +++ /dev/null @@ -1,71 +0,0 @@ ---- -title: cursor 속성값에 URL 사용 -slug: conflicting/Web/CSS/cursor -tags: - - CSS - - CSS_2.1 - - Cross-browser_Development - - Web Development -translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -original_slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property ---- -<p><a href="ko/Gecko">Gecko</a> 1.8 (<a href="ko/Firefox_1.5">Firefox 1.5</a>, SeaMonkey 1.0)은 URL 값을 <a class="external" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props">CSS2 커서 속성</a>값으로 사용하는 것을 지원합니다. 이 기능은 마우스 커서 모양으로 임의의 이미지 를 지정할 수 있게 해줍니다 — Gecko가 지원하는 모든 이미지 포맷을 사용할 수 있습니다.</p> - -<h3 id=".EB.AC.B8.EB.B2.95" name=".EB.AC.B8.EB.B2.95">문법</h3> - -<p>이 속성의 문법은 다음과 같습니다:</p> - -<pre class="eval">cursor: [<url>,]* keyword; -</pre> - -<p>즉, URL을 지정하지 않거나 혹은 다수의 콤마로 분리된 URL값들을 지정할 수 있으며, 이 값들 뒤엔 <strong>반드시</strong> <a href="ko/CSS">CSS</a>규정에 정의된 <code>auto</code> 나 <code>pointer</code>같은 키워드들이 따라와야 합니다.</p> - -<p>예를 들면, 다음과 같은 값이 지정될 수 있습니다:</p> - -<pre class="eval">cursor: url(foo.cur), url(<span class="nowiki">http://www.example.com/bar.gif</span>), auto; -</pre> - -<p>우선 foo.cur의 로딩이 시도 되고, 만약 이 파일이 없거나 어떤 다른 이유로 파일이 부적합할 경우, bar.gif를 로드하게 되고 이것 마저 사용할 수 없게 되면, <code>auto</code>가 사용될 것입니다.</p> - -<p>커서 값에 대한 CSS3 <a class="external" href="http://www.w3.org/TR/css3-ui/#cursor">syntax</a> 지원은 Gecko 1.8beta3에 부가되었으며, 따라서 Firefox 1.5에서 사용할 수 있습니다. 이 기능은 커서 이미지의 바운더리에 부착시킬 커서의 핫스팟의 좌표를 지정할 수 있게 해줍니다. 만일 아무것도 지정되지 않을 경우, 핫스팟의 좌표는 이미지 파일 자체에서 (CUR 와 XBN 파일의 경우) 읽어 들이거나 이미지의 좌측 상단 코너로 지정됩니다. CSS3 문법의 예문은 다음과 같습니다:</p> - -<pre class="eval">cursor: url(foo.png) 4 12, auto; -</pre> - -<p>첫번째 숫자는 x좌표이며, 두번째 숫자는 y좌표입니다. 이 예문은 이미지의 왼쪽 위 (0,0)로부터 (4, 12)의 위치의 픽셀을 핫스팟으로 지정할 것입니다.</p> - -<h3 id=".EC.A0.9C.EC.95.BD_.EC.82.AC.ED.95.AD" name=".EC.A0.9C.EC.95.BD_.EC.82.AC.ED.95.AD">제약 사항</h3> - -<p>Gecko가 지원하는 모든 이미지 포팻이 사용가능합니다. 즉, BMP, JPG, CUR, GIF 등의 이미지를 사용할 수 있습니다. 그러나, ANI는 지원되지 않습니다. animated GIF 이미지로 지정해도, 커서는 animated 커서가 되지는 않을 것입니다. 이런 문제점은 향후 릴리즈에서 제거될 것입니다.</p> - -<p>Gecko는 커서의 크기에 관해서 어떤 제약을 두고 있지는 않습니다만, 다른 운영체제나 플랫폼들과의 최대의 호환성을 유지하기 위해 커서 크기를 32x32로 제한할것을 권장합니다. 특히, 이보다 큰 커서는 윈도우 9x (95, 98, ME) 에서 작동하지 않을 것입니다.</p> - -<p>투명 커서는 XP보다 이전 윈도우 릴리즈에서는 지원되지 않으며, 이는 운영체제의 제약사항입니다. 투명기능은 모든 플랫폼에서 작동합니다.</p> - -<p>모질라의 윈도우, OS/2 그리고 리눅스(GTK+ 2.4 나 그 이후 버전 사용) 릴리즈에서만 커서로 URL값이 지원됩니다. 다른 플랫폼들에대한 지원은 향후 릴리즈에 추가될 것입니다.(Mac OS: {{ Bug(286304) }}, QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{ Bug(286310) }}, BeOS: {{ Bug(298184) }}, GTK 2.0/2.2: {{ Bug(308536) }})</p> - -<h3 id=".EB.8B.A4.EB.A5.B8_.EB.B8.8C.EB.9D.BC.EC.9A.B0.EC.A0.80.EB.93.A4.EA.B3.BC.EC.9D.98_.ED.98.B8.ED.99.98.EC.84.B1" name=".EB.8B.A4.EB.A5.B8_.EB.B8.8C.EB.9D.BC.EC.9A.B0.EC.A0.80.EB.93.A4.EA.B3.BC.EC.9D.98_.ED.98.B8.ED.99.98.EC.84.B1">다른 브라우저들과의 호환성</h3> - -<p>마이크로소프트 인터넷 익스플로러(MSIE)도 <code>cursor</code>속성으로 URL 값을 지원합니다. 그러나, CUR 과 ANI 포맷만을 지원합니다.</p> - -<p><code>cursor</code>속성 문법도 또한 제약이 덜한 관계로</p> - -<pre class="eval">cursor: url(foo.cur); -</pre> - -<p>이나</p> - -<pre class="eval">cursor: url(foo.cur), pointer, url(bar.cur), auto; -</pre> - -<p>와 같은 값도 MSIE에선 작동할 것입니다. 그러나 이런 값은 Gecko에선 작동하지 않을 것입니다. Gecko와의 호환성을 위해서 또 CSS규약에 따라, 항상 URL 리스트를 먼저 나열하시고, 정확히 하나의 키워드 값을 그 뒤에 사용하십시오.</p> - -<h3 id="To-do" name="To-do">To-do</h3> - -<dl> - <dd><em>To-do: document what MSIE does with CSS 3 hotspot locations</em></dd> -</dl> - -<p><span class="comment">Interwiki Language Links</span></p> - -<p>{{ languages( { "ja": "ja/Using_URL_values_for_the_cursor_property" } ) }}</p> diff --git a/files/ko/conflicting/web/css/media_queries/using_media_queries/index.html b/files/ko/conflicting/web/css/media_queries/using_media_queries/index.html deleted file mode 100644 index d6e1f769a0..0000000000 --- a/files/ko/conflicting/web/css/media_queries/using_media_queries/index.html +++ /dev/null @@ -1,347 +0,0 @@ ---- -title: 미디어 -slug: conflicting/Web/CSS/Media_Queries/Using_media_queries -translation_of: Web/Progressive_web_apps/Responsive/Media_types -original_slug: Web/Progressive_web_apps/Responsive/Media_types ---- -<p>{{ CSSTutorialTOC() }}</p> -<div class="warning"> - <strong>중요</strong>: 번역은 제가 필요한 부분 및 확인 가능한 부분만 진행 하였으며 변역된 날자는(2013/03/21)이며 문서 변경이 잦아 오늘 이후는 원문과 번역이 다를 수 있습니다. 참고하세요. 미 번역/변경된 부분은 추가로 다른 분이 해 주실 것으로 믿습니다.</div> -<p>{{ previousPage("/en-US/docs/CSS/Getting_Started/Tables", "테이블") }}<a href="/en/CSS/Getting_Started" title="en/CSS/Getting Started">CSS 시작하기</a> 안내서의 14번쨰 장. 지금까지 이번 안내서에서는 많은 부분을 Document를 어떻게 보여 줄것인지 결정하는 CSS의 속성과 변수에 관해 소개 했다. 이번에는 Stylesheet의 구조와 목적에 대해 다시 살펴 보자.</p> -<h2 class="clearLeft" id="정보_미디어">정보 : 미디어</h2> -<p>CSS의 목적은 Document가 사용자에게 어떻게 보여질 것인가를 설정하는 것이다. 전시되는 형태는 하나 이상의 형식이 있다.</p> -<p>예를 들면, 아마도 이 페이지도 화면 표시 장치를 통해 보여질 것이다. 그러나 큰 화면용으로 프로젝터나 프린트해서 보는 경우도 있을 것이다. 이런 다양한 미디어의 경우 그 고유의 문자셋같은 특징이 있을 것이다. CSS는 document를 각각의 미디어에 표시하기 위한 다양한 방법을 제공한다.</p> -<p>미디어의 특정 타입을 정하는 규칙을 추가 하려면 {{ CSSXref("@media") }} 다음에 미디어 타입 넣고, 그 다음에 대괄호({})로 해당 규칙을 추가 하라.</p> -<div class="tuto_example"> - <div class="tuto_type"> - 예제</div> - <p>웹사이트에 있는 document는 그 사이트 전체를 살펴볼수 있도록 조절 할 수 있는 영역을 제공한다.</p> - <p>마크업 언어에서는, 조정영역의 부모 element의 <strong>id</strong>가 <code>nav-area</code>이다. ({{ HTMLVersionInline(5) }}에서는 <strong>id</strong> 속성이 포함된 {{ HTMLElement("div") }}대신에 {{ HTMLElement("nav") }} element로 사용 할 수 있다.)</p> - <p>Document가 프린트 될 경우는 이 조정 영역이 필요 없으므로 stylesheet에서는 완전히 이 영역을 제거한다.</p> - <pre class="brush:css">@media print { - #nav-area {display: none;} - } -</pre> -</div> -<p>일반적인 미디어 타입은 아래와 같다.</p> -<table class="standard-table"> - <tbody> - <tr> - <td><code>screen</code></td> - <td>컬러 컴퓨터 표시 장치</td> - </tr> - <tr> - <td><code>print</code></td> - <td>출력 장치</td> - </tr> - <tr> - <td style="padding-right: 1em;"><code>projection</code></td> - <td>프로젝트 출력 장치</td> - </tr> - <tr> - <td><code>all</code></td> - <td>그외 모든 미디어 장치(기본 설정)</td> - </tr> - </tbody> -</table> -<div class="tuto_details"> - <div class="tuto_type"> - 좀더 자세히</div> - <p>한 무리의 규칙들의 미디어 타입을 설정하는데는 다른 방법들도 있다.</p> - <p>Stylesheet가 document로 연결되어 있을때 document의 마크업 언어는 미디어 타입을 설정하는 것을 허용한다. 예를 들면, HTML내의 <code>LINK</code> 태그에서 <code>media속성으로 옵션항목으로 미디어 타입을 설정 할 수 있다.</code></p> - <p>CSS에서 stylesheet의 앞부분에 {{ CSSXref("@import") }}로 URL로 부터 다른 stylesheet를 불러 올 수 있다. 추가적으로 미디어 타입도 사용 가능하다.</p> - <p>이와 같은 규직으로, 미디어 타입별로 다른 파일에 분리하여 관리 가능하다. 이렇게 함으로써 stylesheet를 구조화하는데 유용하게 사용한다.</p> - <p>좀더 자세한 미디어 타입에 대해서는 CSS의 사양서중 <a class="external" href="http://www.w3.org/TR/CSS21/media.html">Media</a>를 참고하라.</p> - <p>{{ cssxref("display") }}속성에 대해서 좀더 자세한 사항은 이 안내서 나중에 소개될 <a href="/en/CSS/Getting_Started/XML_data" title="en/CSS/Getting_Started/XML_data">XML data</a>를 참고하라.</p> -</div> -<h3 id="출력">출력</h3> -<p>CSS에는 인쇄 매체나 프린터 출력을 위한 특별 지원을 한다</p> -<p>{{ cssxref("@page") }} 규칙을 통해 여백을 설정할 수 있다. 양면출력을 위해서는 <code>@page:left</code>와 <code>@page:right</code>로 각각의 여백을 개별로 설정 할 수 있다.</p> -<p>출력 매체를 위해 사용되는 단위는 인치 (<code>in</code>), 포인트(<code>pt</code> = 1/72 inch), 센티미터(<code>cm</code>)와 밀리미터(<code>mm</code>)등을 사용 할 수 있다. 글자 크기 설정과 맞추기 위해 사용하는 ems(em)과 퍼센트(%)도 사용하기에 적절하다.</p> -<p>Document의 내용중 페이지 분할을 위해서는 { cssxref("page-break-before") }}나 {{ cssxref("page-break-after") }}, {{ cssxref("page-break-inside") }}속성을 사용할 수 있다.</p> -<div class="tuto_example"> - <div class="tuto_type"> - 예제</div> - <p>아래 예제는 페이지 여백 4방향 모두를 1인치로 설정한다.</p> - <pre class="brush:css">@page {margin: 1in;} -</pre> - <p> </p> - <p>아래 규칙은 모든 H1 element는 새 페이지에서 시작하도록 한다.</p> - <pre class="brush:css">h1 {page-break-before: always;} -</pre> -</div> -<div class="tuto_details"> - <div class="tuto_type"> - 좀더 자세히</div> - <p>CSS의 출판 매체 지원에 대한 사항은 CSS사양서의 <a class="external" href="http://www.w3.org/TR/CSS21/page.html">Paged media</a>를 확인 하라.</p> - <p>CSS의 다른 특징처럼 프린트 출력도 브라우저의 설정에 따라 다르다. 예를 들어 모질라 브라주저는 프린트 출력시 기본 바깥 여백과 머릿말, 꼬릿말이 지원된다. 사용자가 어떤 브라우저를 사용하는지, 그 브라우저의 설정값 또한 알수 없기 때문에 해당 페이지 출력물 결과를 알수 없다.</p> -</div> -<h3 id="사용자_인터페이스">사용자 인터페이스</h3> -<p>CSS는 컴퓨터 모니터같은 표시장치를 위한 특별한 사용자 인터페이스를 지원한다. 이 속성으로 Document를 동적으로 사용자가 사용자 인터페이스로 동작 할 수 있도록 변경한다.</p> -<p>사용자 인터페이스 장치에 대한 특별한 미디어 타입은 없다.</p> -<p>단지 5가지 설렉터가 있을 뿐이다.</p> -<table class="standard-table"> - <tbody> - <tr> - <td><strong>설렉터</strong></td> - <td><strong>선택</strong></td> - </tr> - <tr> - <td><code>E{{ cssxref(":hover") }}</code></td> - <td>포인터가 E로 명시된 element위에 놓일 경우</td> - </tr> - <tr> - <td><code>E{{ cssxref(":focus") }}</code></td> - <td>키보드 포커스를 가진 E element</td> - </tr> - <tr> - <td><code>E{{ cssxref(":active") }}</code></td> - <td>사용자 현재 동작에 개임된 E element</td> - </tr> - <tr> - <td><code>E{{ cssxref(":link") }}</code></td> - <td>최근에 방문하지 않은 URL을 가진 Hyperlink인 E element</td> - </tr> - <tr> - <td><code>E{{ cssxref(":visited") }}</code></td> - <td>최근에 방문한 URL을 가진 Hyperlink인 E element</td> - </tr> - </tbody> -</table> -<div class="note"> - <p><strong>주의: </strong>:visited 설렉터에서 획득한 정보는 {{ gecko("2.0") }}에만 해당된다. 좀더 자세한 사항은 <a href="/en/CSS/Privacy_and_the_:visited_selector" title="en/CSS/Privacy and the :visited selector">Privacy and the :visited selector</a>을 보라.</p> -</div> -<p>{{ cssxref("cursor") }}속성은 포인터의 모양을 설정한다. 몇몇 일반적인 모양은 다음과 같다. 브라우저에서 마우스를 아래 리스트에 각각 아이템으로 옮기면 그 모양을 확인 할 수 있다.</p> -<table class="standard-table"> - <tbody> - <tr> - <td><strong>설렉터</strong></td> - <td><strong>선택</strong></td> - </tr> - <tr style="cursor: pointer;"> - <td><code>pointer</code></td> - <td>링크임을 나타낼때</td> - </tr> - <tr style="cursor: wait;"> - <td><code>wait</code></td> - <td>프로그램이 실행중이라 입력을 받지 못하는 상태일때</td> - </tr> - <tr style="cursor: progress;"> - <td><code>progress</code></td> - <td>프로그램이 작업을 수행하고 있지만 입력을 받을 수 있는 상태</td> - </tr> - <tr style="cursor: default;"> - <td><code>default</code></td> - <td>기본 상태(보통 화살표 모양)</td> - </tr> - </tbody> -</table> -<p>{{ cssxref("outline") }}속성은 키보드 포커스를 가리키는 외곽선을 생성할때 사용한다. 그 값은 사용자가 방향을 설정할 수 없다는 것을 제외하고는 {{ cssxref("border") }}속성과 유사하다.</p> -<p>Some other features of user interfaces are implemented using attributes, in the normal way. For example, an element that is disabled or read-only has the <strong>disabled</strong> attribute or the <strong>readonly</strong> attribute. Selectors can specify these attributes like any other attributes, by using square brackets: <code>{{ mediawiki.external('disabled') }}</code> or <code>{{ mediawiki.external('readonly') }}</code>.</p> -<div class="tuto_example"> - <div class="tuto_type"> - Example</div> - <p>These rules specify styles for a button that changes dynamically as the user interacts with it:</p> - <pre class="brush:css">.green-button { - background-color:#cec; - color:#black; - border:2px outset #cec; - } - -.green-button[disabled] { - background-color:#cdc; - color:#777; - } - -.green-button:active { - border-style: inset; - } -</pre> - <p> </p> - <p>This wiki does not support a user interface on the page, so these buttons do not "click". Here are some static images to illustrate the idea:</p> - <table style="border: 2px outset #36b; padding: 1em; background-color: #fff;"> - <tbody> - <tr> - <td> - <table> - <tbody> - <tr> - <td><span style="width: 8em; height: 2em; background-color: #cdc; color: #777; padding: .5em 1em; cursor: default; margin-right: 1em; border: 2px outset #cec;">Click Me</span></td> - <td><span style="width: 8em; height: 2em; background-color: #cec; padding: .5em 1em; cursor: move; margin-right: 1em; border: 2px outset #cec;">Click Me</span></td> - <td><span style="width: 8em; height: 2em; background-color: #cec; padding: .5em 1em; cursor: move; margin-right: 1em; border: 2px inset #cec;">Click Me</span></td> - </tr> - <tr style="line-height: 25%;"> - <td> </td> - </tr> - <tr style="font-style: italic;"> - <td>disabled</td> - <td>normal</td> - <td>active</td> - </tr> - </tbody> - </table> - </td> - </tr> - </tbody> - </table> - <p> </p> - <p>A fully functional button also has a dark outline around the entire button when it is the default, and a dotted outline on the face of the button when it has keyboard focus. It might also have a hover effect when the pointer is over it.</p> -</div> -<div class="tuto_details"> - <div class="tuto_type"> - More details</div> - <p>For more information about user interfaces in CSS, see <a class="external" href="http://www.w3.org/TR/CSS21/ui.html">User interface</a> in the CSS Specification.</p> - <p>There is an example of Mozilla's markup language for user interfaces, XUL, in Part II of this tutorial.</p> -</div> -<h2 id="Action_Printing_a_document">Action: Printing a document</h2> -<ol> - <li>Make a new HTML document, <code>doc4.html</code>. Copy and paste the content from here: - <pre class="brush:html"><!DOCTYPE html> -<html> - <head> - <title>Print sample</title> - <link rel="stylesheet" href="style4.css"> - </head> - <body> - <h1>Section A</h11> - <p>This is the first section...</p> - <h1>Section B</h1> - <p>This is the second section...</p> - <div id="print-head"> - Heading for paged media - </div> - <div id="print-foot"> - Page: - </div> -</body> -</html> -</pre> - </li> - <li>Make a new stylesheet, <code>style4.css</code>. Copy and paste the content from here: - <pre class="brush:css">/*** Print sample ***/ - -/* defaults for screen */ -#print-head, -#print-foot { - display: none; - } - -/* print only */ -@media print { - -h1 { - page-break-before: always; - padding-top: 2em; - } - -h1:first-child { - page-break-before: avoid; - counter-reset: page; - } - -#print-head { - display: block; - position: fixed; - top: 0pt; - left:0pt; - right: 0pt; - - font-size: 200%; - text-align: center; - } - -#print-foot { - display: block; - position: fixed; - bottom: 0pt; - right: 0pt; - - font-size: 200%; - } - -#print-foot:after { - content: counter(page); - counter-increment: page; - } - -} /* end print only */ -</pre> - </li> - <li>View this document in your browser; it uses your browser's default style.</li> - <li>Print (or print preview) the document; the stylesheet places each section on a separate page, and it adds a header and footer to each page. If your browser supports counters, it adds a page number in the footer. - <table> - <tbody> - <tr> - <td> - <table style="border: 2px outset #36b; padding: 1em;"> - <tbody> - <tr> - <td> - <table style="width: 15em; margin-right: 2em;"> - <tbody> - <tr> - <td> - <div style="font-size: 110%; text-align: center; margin-bottom: .5em;"> - Heading for paged media</div> - <div style="font-size: 150%; font-weight: bold;"> - Section A</div> - <div style="font-size: 75%;"> - This is the first section...</div> - <div style="font-size: 150%; text-align: right; margin-top: 12em;"> - Page: 1</div> - </td> - </tr> - </tbody> - </table> - </td> - </tr> - </tbody> - </table> - </td> - <td> - <table style="border: 2px outset #36b; padding: 1em;"> - <tbody> - <tr> - <td> - <table style="width: 15em; margin-right: 2em;"> - <tbody> - <tr> - <td> - <div style="font-size: 110%; text-align: center; margin-bottom: .5em;"> - Heading for paged media</div> - <div style="font-size: 150%; font-weight: bold;"> - Section B</div> - <div style="font-size: 75%;"> - This is the second section...</div> - <div style="font-size: 150%; text-align: right; margin-top: 12em;"> - Page: 2</div> - </td> - </tr> - </tbody> - </table> - </td> - </tr> - </tbody> - </table> - </td> - </tr> - </tbody> - </table> - </li> -</ol> -<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; width: 100%;"> - <caption> - Challenges</caption> - <tbody> - <tr> - <td>Move the print-specific style rules to a separate CSS file. - <p>Read the {{ CSSXref("@import") }} reference page to find details of how to import the new print-specific CSS file into your <code>style4.css</code> stylesheet.</p> - <p>Make the headings turn blue when the mouse pointer is over them.</p> - </td> - </tr> - </tbody> -</table> -<p> <a href="/en/CSS/Getting_Started/Challenge_solutions#Media" title="https://developer.mozilla.org/en/CSS/Getting_started/Challenge_solutions#Media">See solutions to these challenges.</a></p> -<h2 id="What_next">What next?</h2> -<p>If you had difficulty understanding this page, or if you have other comments about it, please contribute to its <a href="/Talk:en/CSS/Getting_Started/Media" title="Talk:en/CSS/Getting_Started/Media">Discussion</a> page.</p> -<p>So far, all the style rules in this tutorial have been specified in files. The rules and their values are fixed. The next page describes how you can change rules dynamically by using a programming language: <strong><a href="/en/CSS/Getting_Started/JavaScript" title="en/CSS/Getting_Started/JavaScript">JavaScript</a></strong></p> diff --git a/files/ko/orphaned/web/api/navigatorid/index.html b/files/ko/orphaned/web/api/navigatorid/index.html deleted file mode 100644 index cd0a71fcb3..0000000000 --- a/files/ko/orphaned/web/api/navigatorid/index.html +++ /dev/null @@ -1,75 +0,0 @@ ---- -title: NavigatorID -slug: orphaned/Web/API/NavigatorID -translation_of: Web/API/NavigatorID -original_slug: Web/API/NavigatorID ---- -<p>{{APIRef("HTML DOM")}}</p> - -<p><code><strong>NavigatorID</strong></code> 인터페이스에는 브라우저의 ID와 관련된 메소드 및 특성이 들어있습니다.</p> - -<p><code>NavigatorID</code>, 에는 유형의 객체가 없지만, {{domxref("Navigator")}} 또는 {{domxref("WorkerNavigator")}}와 같은 인터페이스는 이를 포함합니다.</p> - -<h2 id="Properties">Properties</h2> - -<p><em><code>NavigatorID</code></em><em> 인터페이스는 속성을 상속하지 않습니다.</em></p> - -<dl> - <dt>{{domxref("NavigatorID.appCodeName")}} {{readonlyInline}}{{deprecated_inline}}</dt> - <dd>모든 브라우저에서 항상 <code>'Mozilla'</code>를 반환합니다. 이 속성은 호환성 목적으로만 유지됩니다.</dd> - <dt>{{domxref("NavigatorID.appName")}} {{readonlyInline}} {{deprecated_inline}}</dt> - <dd>브라우저의 공식명을 반환합니다. 올바른 값을 반환하려면 이 속성에 의존하지 마세요.</dd> - <dt>{{domxref("NavigatorID.appVersion")}} {{readonlyInline}} {{deprecated_inline}}</dt> - <dd>브라우저의 버젼을 문자열로 반환합니다. 올바른 값을 반환하려면 이 속성에 의존하지 마세요.</dd> - <dt>{{domxref("NavigatorID.platform")}} {{readonlyInline}} {{deprecated_inline}}</dt> - <dd>브라우저의 플랫폼을 문자열로 반환합니다. 올바른 값을 반환하려면 이 속성에 의존하지 마세요.</dd> - <dt>{{domxref("NavigatorID.product")}} {{readonlyInline}} {{deprecated_inline}}</dt> - <dd>모든 브라우저에서 항상 <code>'Gecko'</code> 를 반환합니다. 이 속성은 호환성 목적으로만 유지됩니다.</dd> - <dt>{{domxref("NavigatorID.userAgent")}} {{readonlyInline}}</dt> - <dd>현재 브라우저의 사용자 에이전트 문자열을 반환합니다.</dd> -</dl> - -<h2 id="Methods">Methods</h2> - -<p><em><code>NavigatorID</code></em><em> 인터페이스는 메소드를 상속하지 않습니다.</em></p> - -<dl> - <dt>{{domxref("NavigatorID.taintEnabled()")}} {{deprecated_inline()}}</dt> - <dd>언제나 <code>false</code>를 반환합니다. 자바스크립트의 taint/untaint 함수는 1.2 버젼에서 없어졌습니다. 이 방법은 호환성 목적으로만 유지됩니다.Not available in workers.</dd> -</dl> - -<h2 id="Specifications">Specifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', '#navigatorid', 'NavigatorID')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>호환성을 위해 <code>appCodeName</code> 속성과 <code>taintEnabled()</code> 메서드를 추가했습니다.</td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', '#navigatorid', 'NavigatorID')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td>초기 사양</td> - </tr> - </tbody> -</table> - -<h2 id="브라우저_호환성">브라우저 호환성</h2> - - - -<p>{{Compat("api.NavigatorID")}}</p> - -<h2 id="그외에_볼_것">그외에 볼 것</h2> - -<ul> - <li>{{domxref("Navigator")}} 그리고 {{domxref("WorkerNavigator")}} 인터페이스에 포함된 것.</li> -</ul> diff --git a/files/ko/orphaned/web/api/navigatorlanguage/index.html b/files/ko/orphaned/web/api/navigatorlanguage/index.html deleted file mode 100644 index 7e378dd179..0000000000 --- a/files/ko/orphaned/web/api/navigatorlanguage/index.html +++ /dev/null @@ -1,66 +0,0 @@ ---- -title: NavigatorLanguage -slug: orphaned/Web/API/NavigatorLanguage -tags: - - API - - HTML-DOM - - Reference -translation_of: Web/API/NavigatorLanguage -original_slug: Web/API/NavigatorLanguage ---- -<p>{{APIRef("HTML DOM")}}</p> - -<p><code><strong>NavigatorLanguage</strong></code> contains methods and properties related to the language of the navigator.</p> - -<p>There is no object of type <code>NavigatorLanguage</code>, but other interfaces, like {{domxref("Navigator")}} or {{domxref("WorkerNavigator")}}, implement it.</p> - -<h2 id="Properties">Properties</h2> - -<p><em>The <code>NavigatorLanguage</code></em><em> interface doesn't inherit any property.</em></p> - -<dl> - <dt>{{domxref("NavigatorLanguage.language")}} {{readonlyInline}}</dt> - <dd>Returns a {{domxref("DOMString")}} representing the preferred language of the user, usually the language of the browser UI. The <code>null</code> value is returned when this is unknown.</dd> - <dt>{{domxref("NavigatorLanguage.languages")}} {{readonlyInline}}</dt> - <dd>Returns an array of {{domxref("DOMString")}} representing the languages known to the user, by order of preference.</dd> -</dl> - -<h2 id="Methods">Methods</h2> - -<p><em>The </em><em><code>NavigatorLanguage</code></em><em> interface neither implements, nor inherit any method.</em></p> - -<h2 id="Specifications">Specifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', '#navigatorlanguage', 'NavigatorLanguage')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>Since the {{SpecName('HTML5 W3C')}} snapshot, the <code>languages</code> property has been added.</td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', '#navigatorlanguage', 'NavigatorLanguage')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td>Initial specification; snapshot of an early version{{SpecName('HTML WHATWG')}}.</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - - - -<p>{{Compat("api.NavigatorLanguage")}}</p> - -<h2 id="See_also">See also</h2> - -<ul> - <li>The {{domxref("Navigator")}} interface that implements it.</li> -</ul> diff --git a/files/ko/orphaned/web/api/navigatorlanguage/language/index.html b/files/ko/orphaned/web/api/navigatorlanguage/language/index.html deleted file mode 100644 index 8b8f1b48bc..0000000000 --- a/files/ko/orphaned/web/api/navigatorlanguage/language/index.html +++ /dev/null @@ -1,57 +0,0 @@ ---- -title: NavigatorLanguage.language -slug: orphaned/Web/API/NavigatorLanguage/language -translation_of: Web/API/NavigatorLanguage/language -original_slug: Web/API/NavigatorLanguage/language ---- -<div>{{APIRef("HTML DOM")}}</div> - -<p> </p> - -<p>NavigatorLanguage.language 읽기 전용 속성은 사용자의 기본 언어 (일반적으로 브라우저 UI의 언어)를 나타내는 문자열을 반환합니다.</p> - -<h2 id="Syntax">Syntax</h2> - -<pre class="syntaxbox">var <em>lang</em> = navigator.language -</pre> - -<h3 id="Value">Value</h3> - -<p>A {{domxref("DOMString")}}. <em><code>lang</code></em> stores a string representing the language version as defined in <a class="external" href="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP 47</a>. Examples of valid language codes include "en", "en-US", "fr", "fr-FR", "es-ES", etc.</p> - -<p>Note that in Safari on macOS and iOS prior to 10.2, the country code returned is lowercase: "en-us", "fr-fr" etc.</p> - -<h2 id="Example">Example</h2> - -<pre class="brush: js">if (window.navigator.language != 'en') { - doLangSelect(window.navigator.language); -} -</pre> - -<h2 id="Specifications">Specifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - <tr> - <td>{{ SpecName('HTML5.1', '#dom-navigator-language', 'NavigatorLanguage.language') }}</td> - <td>{{ Spec2('HTML5.1') }}</td> - <td>Initial definition</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - -<p>{{Compat("api.NavigatorLanguage.language")}}</p> - -<h2 id="See_also">See also</h2> - -<ul> - <li>{{domxref("NavigatorLanguage.languages", "navigator.languages")}}</li> - <li>{{domxref("navigator")}}</li> -</ul> diff --git a/files/ko/orphaned/web/api/navigatoronline/index.html b/files/ko/orphaned/web/api/navigatoronline/index.html deleted file mode 100644 index 9354cb2464..0000000000 --- a/files/ko/orphaned/web/api/navigatoronline/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: NavigatorOnLine -slug: orphaned/Web/API/NavigatorOnLine -tags: - - API - - HTML-DOM -translation_of: Web/API/NavigatorOnLine -original_slug: Web/API/NavigatorOnLine ---- -<p>{{APIRef("HTML DOM")}}</p> - -<p>The <code><strong>NavigatorOnLine</strong></code> interface contains methods and properties related to the connectivity status of the browser.</p> - -<p>There is no object of type <code>NavigatorOnLine</code>, but other interfaces, like {{domxref("Navigator")}} or {{domxref("WorkerNavigator")}}, implement it.</p> - -<h2 id="Properties">Properties</h2> - -<p><em>The <code>NavigatorOnLine</code></em><em> interface doesn't inherit any property.</em></p> - -<dl> - <dt>{{domxref("NavigatorOnLine.onLine")}} {{readonlyInline}}</dt> - <dd>Returns a {{domxref("Boolean")}} indicating whether the browser is working online.</dd> -</dl> - -<h2 id="Methods">Methods</h2> - -<p><em>The </em><em><code>NavigatorOnLine</code></em><em> interface neither implements, nor inherit any method.</em></p> - -<h2 id="Specifications">Specifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', '#navigatoronline', 'NavigatorOnLine')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>No change from the latest snapshot, {{SpecName('HTML5 W3C')}}</td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', '#navigatoronline', 'NavigatorOnLine')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td>Snapshot of {{SpecName('HTML WHATWG')}} with its initial specification.</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - - - -<p>{{Compat("api.NavigatorOnLine")}}</p> - -<h2 id="See_also">See also</h2> - -<ul> - <li>The {{domxref("Navigator")}} interface that implements it.</li> - <li><a href="/en-US/docs/Web/API/NavigatorOnLine/Online_and_offline_events">Online and offline events</a></li> -</ul> diff --git a/files/ko/web/api/geolocation/getcurrentposition/index.html b/files/ko/web/api/geolocation/getcurrentposition/index.html deleted file mode 100644 index ffe4aeae2f..0000000000 --- a/files/ko/web/api/geolocation/getcurrentposition/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: Geolocation.getCurrentPosition() -slug: Web/API/Geolocation/getCurrentPosition -tags: - - API - - Geolocation - - Geolocation API - - Method - - Reference - - Secure context - - 위치 - - 위치정보 -translation_of: Web/API/Geolocation/getCurrentPosition ---- -<div>{{securecontext_header}}{{ APIRef("Geolocation API") }}</div> - -<p><strong><code>Geolocation.getCurrentPosition()</code></strong> 메서드는 장치의 현재 위치를 가져옵니다.</p> - -<h2 id="구문">구문</h2> - -<pre class="syntaxbox">navigator.geolocation.getCurrentPosition(<em>success</em>[, <em>error</em>[, [<em>options</em>]])</pre> - -<h3 id="매개변수">매개변수</h3> - -<dl> - <dt><code>success</code></dt> - <dd>{{domxref("GeolocationPosition")}} 객체를 유일한 매개변수로 받는 콜백 함수.</dd> - <dt><code>error</code> {{optional_inline}}</dt> - <dd>{{domxref("GeolocationPositionError")}} 객체를 유일한 매개변수로 받는 콜백 함수.</dd> - <dt><code>options</code> {{optional_inline}}</dt> - <dd>{{domxref("PositionOptions")}} 객체.</dd> -</dl> - -<h2 id="예제">예제</h2> - -<pre class="brush: js">var options = { - enableHighAccuracy: true, - timeout: 5000, - maximumAge: 0 -}; - -function success(pos) { - var crd = pos.coords; - - console.log('Your current position is:'); - console.log('Latitude : ' + crd.latitude); - console.log('Longitude: ' + crd.longitude); - console.log('More or less ' + crd.accuracy + ' meters.'); -}; - -function error(err) { - console.warn('ERROR(' + err.code + '): ' + err.message); -}; - -navigator.geolocation.getCurrentPosition(success, error, options); -</pre> - -<h2 id="명세">명세</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Geolocation')}}</td> - <td>{{Spec2('Geolocation')}}</td> - <td>Initial specification.</td> - </tr> - </tbody> -</table> - -<h2 id="브라우저_호환성">브라우저 호환성</h2> - - - -<p>{{Compat("api.Geolocation.getCurrentPosition")}}</p> - -<h2 id="같이_보기">같이 보기</h2> - -<ul> - <li><a href="/ko/docs/Web/API/Geolocation_API/Using_the_Geolocation_API">Geolocation API 사용하기</a></li> - <li>{{domxref("Navigator.geolocation")}}</li> -</ul> diff --git a/files/ko/web/api/geolocation/getcurrentposition/index.md b/files/ko/web/api/geolocation/getcurrentposition/index.md new file mode 100644 index 0000000000..d0853950f5 --- /dev/null +++ b/files/ko/web/api/geolocation/getcurrentposition/index.md @@ -0,0 +1,78 @@ +--- +title: Geolocation.getCurrentPosition() +slug: Web/API/Geolocation/getCurrentPosition +tags: + - API + - Geolocation + - Geolocation API + - Method + - Reference + - Secure context + - getCurrentPosition + - 위치 + - 위치정보 +browser-compat: api.Geolocation.getCurrentPosition +translation_of: Web/API/Geolocation/getCurrentPosition +--- +{{securecontext_header}}{{ APIRef("Geolocation API") }} + +**`Geolocation.getCurrentPosition()`** 메서드는 장치의 현재 위치를 가져옵니다. + +## 구문 + +```js +navigator.geolocation.getCurrentPosition(success, error, [options]) +``` + +### 매개변수 + +- `success` + - : {{domxref("GeolocationPosition")}} 객체를 유일한 매개변수로 받는 콜백 함수입니다. +- `error` {{optional_inline}} + - : {{domxref("GeolocationPositionError")}} 객체를 유일한 매개변수로 받는 콜백 함수입니다. +- `options` {{optional_inline}} + - : 다음을 포함하는 객체입니다. + - `maximumAge` + - : 캐시에 저장한 위치정보를 대신 반환할 수 있는 최대 시간을 나타내는 양의 `long` 값입니다. `0`을 지정한 경우 장치가 위치정보 캐시를 사용할 수 없으며 반드시 실시간으로 위치를 알아내려 시도해야 한다는 뜻입니다. {{jsxref("Infinity")}}를 지정한 경우 지난 시간에 상관없이 항상 캐시에 저장된 위치정보를 반환해야 함을 나타냅니다. 기본 값은 0입니다. + - `timeout` + : 기기가 위치를 반환할 때 소모할 수 있는 최대 시간(밀리초)을 나타내는 양의 `long` 값입니다. 기본 값은 {{jsxref("Infinity")}}로, 위치를 알아내기 전에는 `getCurrentPosition()`이 반환하지 않을 것임을 나타냅니다. + - `enableHighAccuracy` + - : 위치정보를 가장 높은 정확도로 수신하고 싶음을 나타내는 불리언 값입니다. `true`를 지정했으면, 지원하는 경우 장치가 더 정확한 위치를 제공합니다. 그러나 응답 속도가 느려지며 전력 소모량이 증가하는 점에 주의해야 합니다. 반면 `false`를 지정한 경우 기기가 더 빠르게 반응하고 전력 소모도 줄일 수 있는 대신 정확도가 떨어집니다. 기본 값은 `false`입니다. + +## 예제 + +```js +var options = { + enableHighAccuracy: true, + timeout: 5000, + maximumAge: 0 +}; + +function success(pos) { + var crd = pos.coords; + + console.log('Your current position is:'); + console.log(`Latitude : ${crd.latitude}`); + console.log(`Longitude: ${crd.longitude}`); + console.log(`More or less ${crd.accuracy} meters.`); +} + +function error(err) { + console.warn(`ERROR(${err.code}): ${err.message}`); +} + +navigator.geolocation.getCurrentPosition(success, error, options); +``` + +## 명세 + +{{Specifications}} + +## 브라우저 호환성 + +{{Compat}} + +## 같이 보기 + +- [Geolocation API 사용하기](/ko/docs/Web/API/Geolocation_API/Using_the_Geolocation_API) +- {{domxref("Navigator.geolocation")}} diff --git a/files/ko/web/api/imagecapture/getphotocapabilities/index.html b/files/ko/web/api/imagecapture/getphotocapabilities/index.html deleted file mode 100644 index 9ee855a96d..0000000000 --- a/files/ko/web/api/imagecapture/getphotocapabilities/index.html +++ /dev/null @@ -1,79 +0,0 @@ ---- -title: ImageCapture.getPhotoCapabilities() -slug: Web/API/ImageCapture/getPhotoCapabilities -tags: - - API - - Experimental - - ImageCapture - - MediaStream Image Capture API - - Method - - Reference -translation_of: Web/API/ImageCapture/getPhotoCapabilities ---- -<div>{{APIRef("MediaStream Image")}}</div> - -<p><span class="seoSummary">{{domxref("ImageCapture")}} 인터페이스의 <strong><code>getPhotoCapabilities()</code></strong> 메서드는 사용 가능한 설정 옵션을 담은 {{domxref("PhotoCapabilities")}} 객체로 이행하는 {{jsxref("Promise")}}를 반환합니다.</span></p> - -<h2 id="구문">구문</h2> - -<pre class="syntaxbox">const <em>capabilitiesPromise</em> = <em>imageCaptureObj</em>.getPhotoCapabilities()</pre> - -<h3 id="반환_값"><span style='font-family: x-locale-heading-primary,zillaslab,Palatino,"Palatino Linotype",x-locale-heading-secondary,serif; font-size: 1.375rem;'>반환 값</span></h3> - -<p>{{domxref("PhotoCapabilities")}} 객체로 이행하는 {{jsxref("Promise")}}.</p> - -<h2 id="예제">예제</h2> - -<p>다음 예제는 <a href="https://googlechrome.github.io/samples/image-capture/photo-resolution.html">Chrome의 Image Capture / Photo Resolution Sample</a>에서 가져온 코드로, <code>getPhotoCapabilities()</code>를 사용해 범위 입력 칸의 크기를 수정합니다. 또한 장치의 {{domxref("MediaStream")}}에서 가져온 {{domxref("MediaStreamTrack")}} 객체를 사용해 {{domxref("ImageCapture")}} 객체를 생성하는 부분도 포함하고 있습니다.</p> - -<pre class="brush: js">const input = document.querySelector('input[type="range"]'); - -var imageCapture; - -navigator.mediaDevices.getUserMedia({video: true}) -.then(mediaStream => { - document.querySelector('video').srcObject = mediaStream; - - const track = mediaStream.getVideoTracks()[0]; - imageCapture = new ImageCapture(track); - - return imageCapture.getPhotoCapabilities(); -}) -.then(photoCapabilities => { - const settings = imageCapture.track.getSettings(); - - input.min = photoCapabilities.imageWidth.min; - input.max = photoCapabilities.imageWidth.max; - input.step = photoCapabilities.imageWidth.step; - - return imageCapture.getPhotoSettings(); -}) -.then(photoSettings => { - input.value = photoSettings.imageWidth; -}) -.catch(error => console.log('Argh!', error.name || error));</pre> - -<h2 id="명세">명세</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - <tr> - <td>{{SpecName('MediaStream Image','#dom-imagecapture-getphotocapabilities','getPhotoCapabilities()')}}</td> - <td>{{Spec2('MediaStream Image')}}</td> - <td>Initial definition.</td> - </tr> - </tbody> -</table> - -<h2 id="브라우저_호환성">브라우저 호환성</h2> - -<div> - - -<p>{{Compat("api.ImageCapture.getPhotoCapabilities")}}</p> -</div> diff --git a/files/ko/web/api/imagecapture/getphotocapabilities/index.md b/files/ko/web/api/imagecapture/getphotocapabilities/index.md new file mode 100644 index 0000000000..bec638c42e --- /dev/null +++ b/files/ko/web/api/imagecapture/getphotocapabilities/index.md @@ -0,0 +1,79 @@ +--- +title: ImageCapture.getPhotoCapabilities() +slug: Web/API/ImageCapture/getPhotoCapabilities +tags: + - API + - Experimental + - Image + - Image Capture + - ImageCapture + - Media + - MediaStream Image Capture API + - Method + - Reference + - getPhotoCapabilities +browser-compat: api.ImageCapture.getPhotoCapabilities +translation_of: Web/API/ImageCapture/getPhotoCapabilities +--- +{{APIRef("MediaStream Image")}} + +{{domxref("ImageCapture")}} 인터페이스의 **`getPhotoCapabilities()`** 메서드는 사용 가능한 설정 옵션을 담은 {{domxref("PhotoCapabilities")}} 객체로 이행하는 {{jsxref("Promise")}}를 반환합니다. + +## 구문 + +```js +const capabilitiesPromise = imageCaptureObj.getPhotoCapabilities() +``` + +### 반환 값 + +다음 속성을 포함하는 객체로 이행하는 {{jsxref("Promise")}}. +- `redEyeReduction` + - : 장치의 적목 현상 감소 기능 적용 여부를 나타내는 `"never"`, `"always"`, `"controllable"` 중 하나를 반환합니다. +- `imageHeight` + - : {{glossary("user agent", "사용자 에이전트")}}가 지원하는 이미지 높이의 범위를 나타내는 객체를 반환합니다. +- `imageWidth` + - : {{glossary("user agent", "사용자 에이전트")}}가 지원하는 이미지 너비의 범위를 나타내는 객체를 반환합니다. +- `fillLightMode` + - : 사용 가능한 카메라 플래시 옵션을 담은 배열을 반환합니다. 가능한 값은 `auto`, `off`, `flash`입니다. + +## 예제 + +다음 예제는 [Chrome의 Image Capture / Photo Resolution Sample](https://googlechrome.github.io/samples/image-capture/photo-resolution.html)에서 가져온 코드로, `getPhotoCapabilities()`를 사용해 범위 입력 칸의 크기를 수정합니다. 또한 장치의 {{domxref("MediaStream")}}에서 가져온 {{domxref("MediaStreamTrack")}} 객체를 사용해 {{domxref("ImageCapture")}} 객체를 생성하는 부분도 포함하고 있습니다. + +```js +const input = document.querySelector('input[type="range"]'); + +var imageCapture; + +navigator.mediaDevices.getUserMedia({video: true}) +.then(mediaStream => { + document.querySelector('video').srcObject = mediaStream; + + const track = mediaStream.getVideoTracks()[0]; + imageCapture = new ImageCapture(track); + + return imageCapture.getPhotoCapabilities(); +}) +.then(photoCapabilities => { + const settings = imageCapture.track.getSettings(); + + input.min = photoCapabilities.imageWidth.min; + input.max = photoCapabilities.imageWidth.max; + input.step = photoCapabilities.imageWidth.step; + + return imageCapture.getPhotoSettings(); +}) +.then(photoSettings => { + input.value = photoSettings.imageWidth; +}) +.catch(error => console.log('Argh!', error.name || error)); +``` + +## 명세 + +{{Specifications}} + +## 브라우저 호환성 + +{{Compat}} diff --git a/files/ko/web/api/navigator/index.html b/files/ko/web/api/navigator/index.html index 9e70ff68b1..92dbf3d0ad 100644 --- a/files/ko/web/api/navigator/index.html +++ b/files/ko/web/api/navigator/index.html @@ -18,7 +18,7 @@ translation_of: Web/API/Navigator <h2 id="속성">속성</h2> -<p>아무 속성도 상속하지 않지만, {{domxref("NavigatorID")}}, {{domxref("NavigatorLanguage")}}, {{domxref("NavigatorOnLine")}}, {{domxref("NavigatorContentUtils")}}, {{domxref("NavigatorStorage")}}, {{domxref("NavigatorStorageUtils")}}, {{domxref("NavigatorConcurrentHardware")}}, {{domxref("NavigatorPlugins")}}, {{domxref("NavigatorUserMedia")}}가 정의한 속성을 구현합니다.</p> +<p>아무 속성도 상속하지 않습니다.</p> <h3 id="표준_속성">표준 속성</h3> @@ -41,9 +41,9 @@ translation_of: Web/API/Navigator <dd>호스트 브라우저에서 Java를 사용 가능한지 나타냅니다.</dd> <dt>{{domxref('Navigator.keyboard')}} {{readonlyinline}} {{experimental_inline}}</dt> <dd>Returns a {{domxref('Keyboard')}} object which provides access to functions that retrieve keyboard layout maps and toggle capturing of key presses from the physical keyboard.</dd> - <dt>{{domxref("NavigatorLanguage.language")}} {{readonlyInline}}</dt> + <dt>{{domxref("Navigator.language")}} {{readonlyInline}}</dt> <dd>사용자의 선호 언어(주로 브라우저 UI 언어)를 나타내는 {{domxref("DOMString")}}을 반환합니다. 언어를 알 수 없는 경우 <code>null</code>을 반환합니다.</dd> - <dt>{{domxref("NavigatorLanguage.languages")}} {{readonlyInline}} {{experimental_inline}}</dt> + <dt>{{domxref("Navigator.languages")}} {{readonlyInline}} {{experimental_inline}}</dt> <dd>사용자에게 알려진 언어 목록을 나타내는 {{domxref("DOMString")}} 배열을 반환합니다. 정렬 순서는 사용자의 언어 선호도입니다.</dd> <dt>{{domxref("Navigator.locks")}} {{readonlyinline}} {{experimental_inline}}</dt> <dd>새로운 {{domxref("Lock")}} 객체를 요청하거나, 기존 Lock 객체를 질의할 수 있는 {{domxref("LockManager")}} 객체를 반환합니다.</dd> @@ -94,7 +94,7 @@ translation_of: Web/API/Navigator <h2 id="메서드">메서드</h2> -<p>아무 메서드도 상속하지 않지만, {{domxref("NavigatorID")}}, {{domxref("NavigatorContentUtils")}}, {{domxref("NavigatorUserMedia")}}, {{domxref("NavigatorStorageUtils")}}가 정의하는 메서드를 구현합니다.</p> +<p>아무 메서드도 상속하지 않습니다.</p> <dl> <dt>{{domxref("Navigator.canShare()")}}</dt> diff --git a/files/ko/web/api/navigator/language/index.md b/files/ko/web/api/navigator/language/index.md new file mode 100644 index 0000000000..d766f7ec49 --- /dev/null +++ b/files/ko/web/api/navigator/language/index.md @@ -0,0 +1,49 @@ +--- +title: Navigator.language +slug: Web/API/Navigator/language +tags: + - API + - Language + - Navigator + - Property + - Read-only + - Reference +browser-compat: api.Navigator.language +translation_of: Web/API/Navigator/language +--- +{{APIRef("HTML DOM")}} + +**`Navigator.language`** 읽기 전용 속성은 사용자의 선호 언어(일반적으로 브라우저 UI의 언어)를 나타내는 문자열을 반환합니다. + +## 구문 + +```js +const lang = navigator.language +``` + +### 값 + +{{RFC(5646, "Tags for Identifying Languages(BCP 47)")}}가 정의한 언어 태그의 {{domxref("DOMString")}}입니다. 유효한 값은 "en", "en-US", "ko", "ko-KR" 등입니다. + +iOS Safari 버전 10.2 이전에서는 "en-us", "ko-kr"처럼 국가 코드를 소문자로 반환합니다. + +## 예제 + +```js +if (/^en\b/.test(navigator.language)) { + doLangSelect(window.navigator.language); +} +``` + +## 명세 + +{{Specifications}} + +## 브라우저 호환성 + +{{Compat}} + +## 같이 보기 + +- {{domxref("navigator.languages")}} +- {{domxref("navigator")}} diff --git a/files/ko/orphaned/web/api/navigatoronline/online_and_offline_events/index.html b/files/ko/web/api/navigator/online_and_offline_events/index.html index 1057aea5f8..039240fedc 100644 --- a/files/ko/orphaned/web/api/navigatoronline/online_and_offline_events/index.html +++ b/files/ko/web/api/navigator/online_and_offline_events/index.html @@ -1,12 +1,11 @@ --- title: Online and offline events -slug: orphaned/Web/API/NavigatorOnLine/Online_and_offline_events +slug: Web/API/Navigator/Online_and_offline_events tags: - AJAX - DOM - Web Development -translation_of: Web/API/NavigatorOnLine/Online_and_offline_events -original_slug: Web/API/NavigatorOnLine/Online_and_offline_events +translation_of: Web/API/Navigator/Online_and_offline_events --- <p>In progress <a href="ko/Firefox_3_for_developers">Firefox 3</a>는 <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/">WHATWG 웹 애플리케이션 1.0 명세</a>에 기술된 <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#offline">온라인/오프라인 이벤트</a>를 구현합니다.</p> diff --git a/files/ko/web/api/rtcpeerconnection/rtcpeerconnection/index.html b/files/ko/web/api/rtcpeerconnection/rtcpeerconnection/index.html deleted file mode 100644 index 2fa7822559..0000000000 --- a/files/ko/web/api/rtcpeerconnection/rtcpeerconnection/index.html +++ /dev/null @@ -1,59 +0,0 @@ ---- -title: RTCPeerConnection() -slug: Web/API/RTCPeerConnection/RTCPeerConnection -translation_of: Web/API/RTCPeerConnection/RTCPeerConnection ---- -<div>{{APIRef("WebRTC")}}</div> - -<p><span class="seoSummary"><strong><code>RTCPeerConnection()</code></strong> 생성자는 로컬 기기와 원격 피어 간의 연결을 나타내는 {{domxref("RTCPeerConnection")}} 객체를 새로 만들어 반환합니다.</span></p> - -<h2 id="문법">문법</h2> - -<pre class="syntaxbox">pc = new RTCPeerConnection([<em>configuration</em>]);</pre> - -<h3 class="syntaxbox" id="매개변수">매개변수</h3> - -<dl> - <dt><code>configuration</code> {{optional_inline}}</dt> - <dd><a href="#RTCConfiguration_dictionary"><code>RTCConfiguration</code> dictionary</a>는 신규 연결을 설정하는 옵션들을 제공합니다.</dd> -</dl> - -<h3 id="RTCConfiguration_dictionary">RTCConfiguration dictionary</h3> - -<p>{{page("/ko/docs/Web/API/RTCConfiguration", "속성")}}</p> - -<h3 id="반환_값">반환 값</h3> - -<p><code>configuration</code>이 지정된 경우 그에 맞게 구성한, 그렇지 않은 경우 기본값 구성을 이용한 {{domxref("RTCPeerConnection")}} 객체입니다.</p> - -<h2 id="사양">사양</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">사양명</th> - <th scope="col">상태</th> - <th scope="col">설명</th> - </tr> - <tr> - <td>{{SpecName('WebRTC 1.0', '#widl-ctor-RTCPeerConnection--RTCConfiguration-configuration', 'RTCPeerConnection()')}}</td> - <td>{{Spec2('WebRTC 1.0')}}</td> - <td>초기 선언</td> - </tr> - </tbody> -</table> - -<h2 id="브라우저_호환성">브라우저 호환성</h2> - - - -<p>{{Compat("api.RTCPeerConnection.RTCPeerConnection")}}</p> - -<h2 id="참고">참고</h2> - -<ul> - <li><a href="/en-US/docs/Web/API/WebRTC_API/Signaling_and_video_calling">Signaling and video calling</a></li> - <li><a href="/en-US/docs/Web/API/WebRTC_API/Architecture">WebRTC architecture overview</a></li> - <li><a href="/en-US/docs/Web/API/WebRTC_API/Session_lifetime">Lifetime of a WebRTC session</a></li> - <li>{{domxref("RTCPeerConnection")}}</li> -</ul> diff --git a/files/ko/web/api/rtcpeerconnection/rtcpeerconnection/index.md b/files/ko/web/api/rtcpeerconnection/rtcpeerconnection/index.md new file mode 100644 index 0000000000..1f2a53b5c6 --- /dev/null +++ b/files/ko/web/api/rtcpeerconnection/rtcpeerconnection/index.md @@ -0,0 +1,117 @@ +--- +title: RTCPeerConnection() +slug: Web/API/RTCPeerConnection/RTCPeerConnection +tags: + - API + - Constructor + - RTCPeerConnection + - Reference + - WebRTC +browser-compat: api.RTCPeerConnection.RTCPeerConnection +translation_of: Web/API/RTCPeerConnection/RTCPeerConnection +--- +{{APIRef("WebRTC")}} + +**`RTCPeerConnection()`** 생성자는 로컬 기기와 원격 피어 간의 연결을 나타내는 {{domxref("RTCPeerConnection")}} 객체를 새로 만들어 반환합니다. + +## 구문 + +```js +pc = new RTCPeerConnection([configuration]); +``` + +### 매개변수 + +- `configuration` {{optional_inline}} + - : 새로운 연결을 설정하는 옵션 객체입니다. + - `bundlePolicy` {{optional_inline}} + - : 원격 피어가 [SDP BUNDLE 표준](https://webrtcstandards.info/sdp-bundle/)과 호환되지 않을 때 어떻게 candidate의 네고시에이션을 처리 할 것인지를 정의합니다. + + 가능한 값은 다음 열거형 값 중 하나로, 기본 값은 `balanced`입니다. + - `balanced` + - : The ICE agent initially creates one {{domxref("RTCDtlsTransport")}} + for each type of content added: audio, video, and data channels. + If the remote endpoint is not BUNDLE-aware, + then each of these DTLS transports handles all the communication for one type of data. + - `max-compat` + - : The ICE agent initially creates one {{domxref("RTCDtlsTransport")}} per media track + and a separate one for data channels. + If the remote endpoint is not BUNDLE-aware, + everything is negotiated on these separate DTLS transports. + - `max-bundle` + - : The ICE agent initially creates only a single {{domxref("RTCDtlsTransport")}} + to carry all of the {{DOMxRef("RTCPeerConnection")}}'s data. + If the remote endpoint is not BUNDLE-aware, + then only a single track will be negotiated and the rest ignored. + - `certificates` {{optional_inline}} + - : 연결 인증에 사용할 {{domxref("RTCCertificate")}}를 담은 {{jsxref("Array")}}입니다. 지정하지 않을 경우 {{domxref("RTCPeerConnection")}} 인스턴스 각각에 대해 인증서가 자동으로 생성됩니다. 주어진 연결에 대해 하나의 인증서만 사용되지만, 다양한 알고리즘을 사용하는 여러 인증서를 제공하면 특정 상황에서의 연결 성공률을 높일 수 있습니다. 아래의 [인증서 사용하기](#인증서_사용하기)에서 더 많은 정보를 확인하세요. + + > **참고:** 이 옵션은 처음 지정한 이후 변경할 수 없습니다. 인증서를 설정한 후엔 모든 {{domxref("RTCPeerConnection.setConfiguration()")}}이 무시됩니다. + - `iceCandidatePoolSize` {{optional_inline}} + - : ICE candidate 풀의 크기를 지정하는 부호 없는 16비트 정수 값입니다. 기본 값은 0으로 candidate 를 미리 가져오지 않을 것임을 나타냅니다. 연결 시도 전부터 ICE 에이전트가 ICE candidate를 가져올 수 있도록 허용하면 {{domxref("RTCPeerConnection.setLocalDescription()")}} 호출 시점에 이미 candidate를 조사할 수 있으므로 특정 상황에서 연결 속도가 빨라질 수 있습니다. + + > **참고:** ICE candidate 풀의 크기를 변경하면 ICE 수집이 시작할 수 있습니다. + - `iceServers` {{optional_inline}} + - : ICE 에이전트가 사용할 수 있는 서버(보통 STUN/TURN)를 설명하는 {{domxref("RTCIceServer")}} 객체의 배열입니다. 지정하지 않을 경우 STUN/TURN 서버를 사용하지 않고 연결 시도를 하므로 연결이 로컬 피어로 제한됩니다. + - `iceTransportPolicy` {{optional_inline}} + - : 현재 ICE 트랜스포트 정책입니다. 지정하지 않을 경우 기본 값은 `all`로, 모든 candidate를 고려합니다. 가능한 값은 다음과 같습니다. + - `"all"` + - : 모든 ICE candidate를 고려합니다. + - `"relay"` + - : IP 주소가 중개 중인, 예컨대 STUN 또는 TURN 서버를 통해 전송 중인 ICE candidate만 고려합니다. + - `peerIdentity` {{optional_inline}} + - : {{domxref("RTCPeerConnection")}}의 대상 피어 아이덴티티를 나타내는 {{domxref("DOMString")}}입니다. 기본 값은 `null`입니다. 이 값을 지정한 경우 `RTCPeerConnection`은 주어진 이름으로 인증에 성공해야 원격 피어로 연결을 시도합니다. + - `rtcpMuxPolicy` {{optional_inline}} + - : non-multiplexed RTCP를 지원하기 위해 ICE 수집 중 사용할 RTCP mux 정책입니다. 가능한 값은 다음과 같습니다. + - `negotiate` + - : Instructs the ICE agent to gather both {{Glossary("RTP")}} and {{Glossary("RTCP")}} candidates. + If the remote peer can multiplex RTCP, + then RTCP candidates are multiplexed atop the corresponding RTP candidates. + Otherwise, both the RTP and RTCP candidates are returned, separately. + - `require` + - : Tells the ICE agent to gather ICE candidates for only RTP, + and to multiplex RTCP atop them. + If the remote peer doesn't support RTCP multiplexing, + then session negotiation fails. + This is the default value. + +### 반환 값 + +`configuration`이 지정된 경우 그에 맞게 구성한, 그렇지 않은 경우 기본값 구성을 이용한 {{domxref("RTCPeerConnection")}} 객체입니다. + +### 인증서 사용하기 + +When you wish to provide your own certificates for use by an +{{domxref("RTCPeerConnection")}} instead of having the `RTCPeerConnection` +generate them automatically, you do so by calling the static +{{domxref("RTCPeerConnection.generateCertificate()")}} function. + +The `certificates` property's value cannot be changed once it's first +specified. If it's included in the configuration passed into a call to a connection's +{{domxref("RTCPeerConnection.setConfiguration", "setConfiguration()")}}, it is ignored. + +This attribute supports providing multiple certificates because even though a given +DTLS connection uses only one certificate, providing multiple certificates allows +support for multiple encryption algorithms. The implementation of +`RTCPeerConnection` will choose which certificate to use based on the +algorithms it and the remote peer support, as determined during DTLS handshake. + +If you don't provide certificates, new ones are generated automatically. One obvious +benefit to providing your own is identity key continuity—if you use the same certificate +for subsequent calls, the remote peer can tell you're the same caller. This also avoids +the cost of generating new keys. + +## 명세 + +{{Specifications}} + +## 브라우저 호환성 + +{{Compat}} + +## 참고 + +- [Signaling and video calling](/en-US/docs/Web/API/WebRTC_API/Signaling_and_video_calling) +- [WebRTC architecture overview](/en-US/docs/Web/API/WebRTC_API/Architecture) +- [Lifetime of a WebRTC session](/en-US/docs/Web/API/WebRTC_API/Session_lifetime) +- {{domxref("RTCPeerConnection")}} |