aboutsummaryrefslogtreecommitdiff
path: root/files/ko/orphaned/web/api
diff options
context:
space:
mode:
authorMDN <actions@users.noreply.github.com>2021-06-20 00:37:04 +0000
committerMDN <actions@users.noreply.github.com>2021-06-20 00:37:04 +0000
commit0d495ad297d9e90ab35f54a822cd5e4e6a670713 (patch)
tree399dbe0b28db6d16fe7d13444e41b89e02e5ddc6 /files/ko/orphaned/web/api
parentbccf9a19dac45b167f5ea1a427fb682a78b48187 (diff)
downloadtranslated-content-0d495ad297d9e90ab35f54a822cd5e4e6a670713.tar.gz
translated-content-0d495ad297d9e90ab35f54a822cd5e4e6a670713.tar.bz2
translated-content-0d495ad297d9e90ab35f54a822cd5e4e6a670713.zip
[CRON] sync translated content
Diffstat (limited to 'files/ko/orphaned/web/api')
-rw-r--r--files/ko/orphaned/web/api/ambient_light_events/index.html65
1 files changed, 65 insertions, 0 deletions
diff --git a/files/ko/orphaned/web/api/ambient_light_events/index.html b/files/ko/orphaned/web/api/ambient_light_events/index.html
new file mode 100644
index 0000000000..81046f2e85
--- /dev/null
+++ b/files/ko/orphaned/web/api/ambient_light_events/index.html
@@ -0,0 +1,65 @@
+---
+title: Using Light Events
+slug: orphaned/Web/API/Ambient_Light_Events
+tags:
+ - Ambient Light
+translation_of: Web/API/Ambient_Light_Events
+original_slug: Web/API/Ambient_Light_Events
+---
+<div>{{DefaultAPISidebar("Ambient Light Events")}}{{SeeCompatTable}}</div>
+
+<p>주변의 빛을 감지하는 이벤트를 활용해서 웹페이지나 어플리케이션이 주변 빛의 세기를 감지할 수 있습니다. 사용자 인터페이스의 색상 대비나 사진의 노출을 변경하는 용도로 사용할 수 있습니다.</p>
+
+<h2 id="빛_이벤트">빛 이벤트</h2>
+
+<p>기기의 빛 센서가 빛의 변화를 감지하면 브라우저에 변화를 전달합니다. 브라우저가 이러한 알림을 받으면 정확한 빛의 세기를 알려주는 {{domxref("DeviceLightEvent")}} 이벤트를 발생시킵니다.</p>
+
+<p>이 이벤트는 {{domxref("EventTarget.addEventListener","addEventListener")}} 메서드 ({{event("devicelight")}} 이벤트 이름 사용)를 사용하거나 {{domxref("window.ondevicelight")}} 속성에 이벤트 핸들러를 사용함으로서 <code>window</code> 객체 수준에서 캡춰됩니다.</p>
+
+<p>캡춰가 되면 이벤트 객체의 {{domxref("DeviceLightEvent.value")}} 속성을 통해서 럭스(lux) 단위의 빛의 세기를 사용할 수 있습니다.</p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">window.addEventListener('devicelight', function(event) {
+ var html = document.getElementsByTagName('html')[0];
+
+ if (event.value &lt; 50) {
+ html.classList.add('darklight');
+ html.classList.remove('brightlight');
+ } else {
+ html.classList.add('brightlight');
+ html.classList.remove('darklight');
+ }
+});</pre>
+
+<h2 id="Specifications" name="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('AmbientLight', '', 'Ambient Light Events') }}</td>
+ <td>{{ Spec2('AmbientLight') }}</td>
+ <td>Initial specification</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.DeviceLightEvent")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>{{domxref("DeviceLightEvent")}}</li>
+ <li>{{event("devicelight")}}</li>
+</ul>