Merge branch 'main' into ko-css-nesting-at-rule

mdn · Jul 1, 2024 · 889cd08 · 889cd08
2 parents d973c01 + cb4206e
commit 889cd08
Show file tree

Hide file tree

Showing 2,304 changed files with 44,051 additions and 12,109 deletions.
diff --git a/.github/ISSUE_TEMPLATE/page-report-zh-tw.yml b/.github/ISSUE_TEMPLATE/page-report-zh-tw.yml
@@ -1,62 +1,62 @@
-name: "[via MDN pages only // zh-tw]"
-description: Issue filed via "Report a problem with this content on GitHub" link on MDN pages.
+name: "[僅從 MDN 頁面回報問題 // zh-tw]"
+description: 透過 MDN 頁面上的「Report a problem with this content」連結提交問題。
 labels: ["l10n-zh", "needs triage"]
 body:
   - type: markdown
     attributes:
       value: |
-        ### Before you start
+        ### 在提交問題之前
 
-        **Want to change this page yourself?** This content is open source!
-        ↩ Go back and use the _Edit on GitHub_ link on the page.
+        **想要自行修改頁面嗎？** MDN 文件內容是開源的！
+        ↩ 回到上一頁，點擊 _View this page on GitHub_ 連結至 GitHub 頁面進行修改。
 
-        **Is your issue about the browser compatibility table?**
-        ↩ Go back and use the _Report problems with this compatibility data on GitHub_ link on the page.
+        **問題與瀏覽器相容性表格有關？**
+        ↩ 回到上一頁，點擊「瀏覽器相容性」中的 _Report problems with this compatibility data on GitHub_ 連結。
 
-        **Need help with a browser?**
-        🙋 To get help with [Firefox](https://support.mozilla.org/en-US/kb/file-bug-report-or-feature-request-mozilla), [Chrome](https://support.google.com/chrome/answer/95315?hl=en-GB&ref_topic=7439544), [Safari](https://www.apple.com/feedback/safari.html), or another browser, check the browser's support site.
+        **需要關於瀏覽器的幫助？**
+        🙋 請查看瀏覽器的支援網站以獲取有關 [Firefox](https://support.mozilla.org/zh-TW/kb/file-bug-report-or-feature-request-mozilla)、[Chrome](https://support.google.com/chrome/answer/95315?hl=zh-Hant)、[Safari](https://www.apple.com/feedback/safari.html) 或其它瀏覽器的幫助資訊。
 
         ---
   - type: input
     id: mdn-url
     attributes:
       label: MDN URL
-      description: Set automatically. Do not modify.
+      description: 此內容為自動產生，請勿修改。
     validations:
       required: true
   - type: input
     id: section
     attributes:
-      label: What specific section or headline is this issue about?
+      label: 與此問題相關的章節或標題？
   - type: textarea
     id: problem
     attributes:
-      label: What information was incorrect, unhelpful, or incomplete?
+      label: 哪些資訊不正確、不實用或不完整？
     validations:
       required: true
   - type: textarea
     id: expected
     attributes:
-      label: What did you expect to see?
+      label: 你預期看到什麼？
     validations:
       required: true
   - type: textarea
     id: references
     attributes:
-      label: Do you have any supporting links, references, or citations?
-      description: Link to information that helps us confirm your issue.
+      label: 你有任何支援連結、參考文獻或引文嗎？
+      description: 有助於我們確認你的問題的相關資訊或連結。
   - type: textarea
     id: more-info
     attributes:
-      label: Do you have anything more you want to share?
-      description: For example, steps to reproduce a bug, screenshots, screen recordings, or sample code
+      label: 還有什麼想補充的內容嗎？
+      description: 例如，重現 bug 的步驟、螢幕截圖、螢幕錄製或範例程式碼
   - type: markdown
     attributes:
       value: |
         ---
-        You're finished! The following fields are prefilled. Please click **Submit new issue**.
+        你已完成填寫！以下欄位已預先填寫。請點擊 **Submit new issue** 按鈕。
   - type: textarea
     id: metadata
     attributes:
       label: MDN metadata
-      description: Set automatically. Do not modify.
+      description: 此內容為自動產生，請勿修改。
diff --git a/PEERS_GUIDELINES.md b/PEERS_GUIDELINES.md
@@ -37,12 +37,8 @@ The review teams for each locale are:
 - Korea (`ko`) content — the [yari-content-ko](https://github.com/orgs/mdn/teams/yari-content-ko) team, which consists of:
   - [1ilsang](https://github.com/1ilsang)
   - [sunhpark42](https://github.com/sunhpark42)
-  - [jho2301](https://github.com/jho2301)
-  - [swimjiy](https://github.com/swimjiy)
   - [wisedog](https://github.com/wisedog)
-  - [cos18](https://github.com/cos18)
   - [yechoi42](https://github.com/yechoi42)
-  - [pje1740](https://github.com/pje1740)
   - [hochan222](https://github.com/hochan222)
 - Russian (`ru`) content — the [yari-content-ru](https://github.com/orgs/mdn/teams/yari-content-ru) team, which consists of:
   - [leon-win](https://github.com/leon-win)

diff --git a/docs/ko/README.md b/docs/ko/README.md
@@ -16,7 +16,7 @@
 마찬가지로 추가하려는 일반 안내서에 대한 좋은 아이디어가 있는 경우 환영합니다. Issue를 열고 문제에 대해 이야기해주세요. 다음은 한국어 번역 안내서 원칙의 주요 내용입니다.
 
 > 어떻게 시작해야 할지 어려우신가요?
-> [MDN Discord #korean 채널](https://discord.com/channels/1009925603572600863/1070064829466939503) 혹은 [Kakao Talk (#MDN Korea)](https://open.kakao.com/o/gdfG288c)에 오셔서 이야기해주세요!
+> [MDN Discord #korean 채널](https://discord.com/channels/1009925603572600863/1070064829466939503) 혹은 [Google Groups (yari-content-ko)](https://groups.google.com/g/yari-content-ko)으로 어려운 사항들 이야기해주세요!
 
 ## 첫 기여자들을 위한 안내서
 

diff --git a/docs/ko/fully_untranslated_files/Web_CSS_CSS_images_Using_CSS_gradients.md b/docs/ko/fully_untranslated_files/Web_CSS_CSS_images_Using_CSS_gradients.md
@@ -113,11 +113,11 @@ div {
 
 ## 색상 선언 & 효과 생성
 
-All CSS gradient types are a range of position-dependent colors. The colors produced by CSS gradients can vary continuously with position, producing smooth color transitions. It is also possible to create bands of solid colors, and hard transitions between two colors. The following are valid for all gradient functions:
+모든 CSS 그레이디언트 유형은 위치에 따라 변하는 색상의 범위입니다. CSS 그레이디언트가 생성하는 색상은 위치에 따라 연속적으로 변하며 부드러운 색상 전환을 이룹니다. 또한, 단색 띠를 만들거나 두 색상 간의 뚜렷한 전환을 생성하는 것도 가능합니다. 다음 사항들은 모든 그레이디언트 함수에 적용됩니다.
 
 ### 두 개보다 많은 색 사용하기
 
-You don't have to limit yourself to two colors—you may use as many as you like! By default, colors are evenly spaced along the gradient.
+색상의 수는 두 가지로 제한되지 않으며, 원하는 만큼 사용할 수 있습니다! 기본적으로 색상은 그레이디언트에 따라 균일하게 배치됩니다.
 
 ```html hidden
 <div class="auto-spaced-linear-gradient"></div>
@@ -138,9 +138,9 @@ div {
 
 {{ EmbedLiveSample('두_개보다_많은_색_사용하기', 120, 120) }}
 
-### Positioning color stops
+### 색상 정지점 위치 지정하기
 
-You don't have to leave your color stops at their default positions. To fine-tune their locations, you can give each one zero, one, or two percentage or, for radial and linear gradients, absolute length values. If you specify the location as a percentage, `0%` represents the starting point, while `100%` represents the ending point; however, you can use values outside that range if necessary to get the effect you want. If you leave a location unspecified, the position of that particular color stop will be automatically calculated for you, with the first color stop being at `0%` and the last color stop being at `100%`, and any other color stops being half way between their adjacent color stops.
+색상 정지점을 기본 위치에 두지 않아도 됩니다. 위치를 세밀하게 조정하려면 각 정지점에 0개, 1개 또는 2개의 퍼센티지 값을 지정하거나, 방사형 및 선형 그레이디언트의 경우 절대 길이 값을 지정할 수 있습니다. 위치를 퍼센티지로 지정하면 0%는 시작 지점을, `100%`는 끝 지점을 나타냅니다. 그러나 원하는 효과를 얻기 위해 이 범위를 벗어나는 값을 사용할 수도 있습니다. 위치를 지정하지 않으면 첫 번째 색상 정지점은 자동으로 0%에, 마지막 색상 정지점은 `100%`에 배치되며, 나머지 색상 정지점은 인접한 색상 정지점의 중간에 자동으로 배치됩니다.
 
 ```html hidden
 <div class="multicolor-linear"></div>
@@ -161,9 +161,9 @@ div {
 
 {{ EmbedLiveSample('Positioning_color_stops', 120, 120) }}
 
-### Creating hard lines
+### 경계선 만들기
 
-To create a hard line between two colors, creating a stripe instead of a gradual transition, adjacent color stops can be set to the same location. In this example, the colors share a color stop at the `50%` mark, halfway through the gradient:
+두 색상 사이에 점진적인 전환 대신 명확한 경계선을 만들어 줄무늬를 만들려면, 인접한 색상 정지점을 동일한 위치에 설정할 수 있습니다. 이 예제에서는 색상들이 그레이디언트의 중간 지점인 `50%` 위치에서 색상 정지점을 공유합니다.
 
 ```html hidden
 <div class="striped"></div>
@@ -184,9 +184,9 @@ div {
 
 {{ EmbedLiveSample('Creating_hard_lines', 120, 120) }}
 
-### Gradient hints
+### 그레이디언트 힌트
 
-By default, the gradient transitions evenly from one color to the next. You can include a color-hint to move the midpoint of the transition value to a certain point along the gradient. In this example, we've moved the midpoint of the transition from the 50% mark to the 10% mark.
+기본적으로 그레이디언트는 한 색상에서 다음 색상으로 고르게 전환됩니다. 그러나 전환의 중간점을 특정 지점으로 옮기기 위해 색상 힌트를 추가할 수 있습니다. 이 예제에서는 전환의 중간점을 50% 지점에서 10% 지점으로 옮겼습니다.
 
 ```html hidden
 <div class="color-hint"></div>
@@ -213,9 +213,9 @@ div {
 
 {{ EmbedLiveSample('Gradient_hints', 120, 120) }}
 
-### Creating color bands & stripes
+### 색상 띠와 줄무늬 만들기
 
-To include a solid, non-transitioning color area within a gradient, include two positions for the color stop. Color stops can have two positions, which is equivalent to two consecutive color stops with the same color at different positions. The color will reach full saturation at the first color stop, maintain that saturation through to the second color stop, and transition to the adjacent color stop's color through the adjacent color stop's first position.
+그레이디언트 안에 단색 영역을 만들려면 색상 정지점에 두 개의 위치를 지정하면 됩니다. 이렇게 하면 하나의 색상이 두 위치에 걸쳐 유지됩니다. 이는 동일한 색상이 서로 다른 위치에 두 개의 연속된 색상 정지점을 가지는 것과 동일합니다. 색상은 첫 번째 위치에서 색상이 완전히 나타나고, 두 번째 위치까지 그대로 유지됩니다. 그런 다음 인접한 색상 정지점에서 다음 색상으로 부드럽게 전환됩니다.
 
 ```html hidden
 <div class="multiposition-stops"></div>
@@ -354,7 +354,8 @@ div {
       217deg,
       rgba(255, 0, 0, 0.8),
       rgba(255, 0, 0, 0) 70.71%
-    ), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%),
+    ),
+    linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%),
     linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%);
 }
 ```
@@ -557,7 +558,8 @@ div {
         circle at 93.3% 75%,
         rgba(0, 255, 0, 0.5),
         rgba(0, 255, 0, 0) 70.71%
-      ) beige;
+      )
+      beige;
   border-radius: 50%;
 }
 ```
@@ -713,7 +715,8 @@ div {
       rgba(75, 0, 130, 0.5) 240px,
       rgba(238, 130, 238, 0.5) 280px,
       rgba(255, 0, 0, 0.5) 300px
-    ), repeating-linear-gradient(
+    ),
+    repeating-linear-gradient(
       -190deg,
       rgba(255, 0, 0, 0.5) 30px,
       rgba(255, 153, 0, 0.5) 60px,
@@ -723,8 +726,18 @@ div {
       rgba(75, 0, 130, 0.5) 180px,
       rgba(238, 130, 238, 0.5) 210px,
       rgba(255, 0, 0, 0.5) 230px
-    ), repeating-linear-gradient(23deg, red 50px, orange 100px, yellow 150px, green
-        200px, blue 250px, indigo 300px, violet 350px, red 370px);
+    ),
+    repeating-linear-gradient(
+      23deg,
+      red 50px,
+      orange 100px,
+      yellow 150px,
+      green 200px,
+      blue 250px,
+      indigo 300px,
+      violet 350px,
+      red 370px
+    );
 }
 ```
 
@@ -761,7 +774,8 @@ div {
       transparent 116px,
       rgba(255, 206, 0, 0.25) 116px,
       rgba(255, 206, 0, 0.25) 166px
-    ), repeating-linear-gradient(
+    ),
+    repeating-linear-gradient(
       0deg,
       transparent,
       transparent 50px,
@@ -775,18 +789,21 @@ div {
       transparent 116px,
       rgba(255, 206, 0, 0.25) 116px,
       rgba(255, 206, 0, 0.25) 166px
-    ), repeating-linear-gradient(
+    ),
+    repeating-linear-gradient(
       -45deg,
       transparent,
       transparent 5px,
       rgba(143, 77, 63, 0.25) 5px,
       rgba(143, 77, 63, 0.25) 10px
-    ), repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(
-          143,
-          77,
-          63,
-          0.25
-        ) 5px, rgba(143, 77, 63, 0.25) 10px);
+    ),
+    repeating-linear-gradient(
+      45deg,
+      transparent,
+      transparent 5px,
+      rgba(143, 77, 63, 0.25) 5px,
+      rgba(143, 77, 63, 0.25) 10px
+    );
 
   background: repeating-linear-gradient(
       90deg,
@@ -796,24 +813,26 @@ div {
       rgba(255, 127, 0, 0.25) 63px 69px,
       transparent 69px 116px,
       rgba(255, 206, 0, 0.25) 116px 166px
-    ), repeating-linear-gradient(
+    ),
+    repeating-linear-gradient(
       0deg,
       transparent 0 50px,
       rgba(255, 127, 0, 0.25) 50px 56px,
       transparent 56px 63px,
       rgba(255, 127, 0, 0.25) 63px 69px,
       transparent 69px 116px,
       rgba(255, 206, 0, 0.25) 116px 166px
-    ), repeating-linear-gradient(
+    ),
+    repeating-linear-gradient(
       -45deg,
       transparent 0 5px,
       rgba(143, 77, 63, 0.25) 5px 10px
-    ), repeating-linear-gradient(45deg, transparent 0 5px, rgba(
-          143,
-          77,
-          63,
-          0.25
-        ) 5px 10px);
+    ),
+    repeating-linear-gradient(
+      45deg,
+      transparent 0 5px,
+      rgba(143, 77, 63, 0.25) 5px 10px
+    );
 }
 ```
 
@@ -869,14 +888,16 @@ div {
         rgba(0, 0, 0, 0.5) 15px,
         rgba(255, 255, 255, 0.5) 15px,
         rgba(255, 255, 255, 0.5) 30px
-      ) top left no-repeat,
+      )
+      top left no-repeat,
     repeating-radial-gradient(
         ellipse at 20% 50%,
         rgba(0, 0, 0, 0.5),
         rgba(0, 0, 0, 0.5) 10px,
         rgba(255, 255, 255, 0.5) 10px,
         rgba(255, 255, 255, 0.5) 20px
-      ) top left no-repeat yellow;
+      )
+      top left no-repeat yellow;
   background-size:
     200px 200px,
     150px 150px;

diff --git a/docs/ko/guides/organizer-guide.md b/docs/ko/guides/organizer-guide.md
@@ -24,17 +24,17 @@
 - [@GwangYeol-Im](https://github.com/GwangYeol-Im) 2021.04 ~ 2023.10
 - [@yujo11](https://github.com/yujo11) 2021.04 ~ 2023.09
 - [@nKiNk](https://github.com/nKiNk) 2021.04 ~ 2023.01
+- [@pje1740](https://github.com/pje1740) 2021.04 ~ 2024.04
+- [@swimjiy](https://github.com/swimjiy) 2023.03 ~ 2024.04
+- [@cos18](https://github.com/cos18) 2021.04 ~ 2024.04
+- [@jho2301](https://github.com/jho2301) 2023.03 ~ 2024.05
 
 ### 현재 구성원
 
-- [1ilsang](https://github.com/1ilsang) 2024.03 ~
-- [sunhpark42](https://github.com/sunhpark42) 2023.03 ~
-- [jho2301](https://github.com/jho2301) 2023.03 ~
-- [swimjiy](https://github.com/swimjiy) 2023.03 ~
-- [wisedog](https://github.com/wisedog) 2023.03 ~
-- [@cos18](https://github.com/cos18) 2021.04 ~
+- [@1ilsang](https://github.com/1ilsang) 2024.03 ~
+- [@sunhpark42](https://github.com/sunhpark42) 2023.03 ~
+- [@wisedog](https://github.com/wisedog) 2023.03 ~
 - [@yechoi42](https://github.com/yechoi42) 2021.04 ~
-- [@pje1740](https://github.com/pje1740) 2021.04 ~
 - [@hochan222](https://github.com/hochan222) 2021.04 ~
 
 ## 참고 사항