[문서] 로컬 서버 세팅 후 추가 수정

Author: taejinchoi-cbnu

2-ui/4-forms-controls/3-events-change-input/article.md

@@ -79,7 +79,9 @@
 </script>
 ```
 
-알아두세요! 잘라내기·복사하기 이벤트 핸들러 내부에서 `event.clipboardData.getData(...)`를 호출하면 빈 문자열을 반환합니다. 이는 엄밀히 말하면 아직 데이터가 클립보드에 들어가 있지 않기 때문입니다. 또한 `event.preventDefault()`를 사용하면 아예 복사조차 하지 못합니다.
+(붙여넣기는 얼럿창에 나오지만 잘라내기·복사하기는 '-'로 보입니다 - 옮긴이)
+
+알아두세요! 잘라내기·복사하기 이벤트 핸들러 내부에서 `event.clipboardData.getData(...)`를 호출하면 빈 문자열을 반환합니다. 엄밀히 말하면 아직 데이터가 클립보드에 들어가 있지 않기 때문입니다. 또한 `event.preventDefault()`를 사용하면 아예 복사조차 하지 못합니다.
 
 따라서 위 예제는 `document.getSelection()`을 사용하여 선택한 텍스트를 가져옵니다. 문서 선택(document selection)에 대한 자세한 내용은 <info:selection-range>에서 다룹니다.
 
@@ -112,4 +114,4 @@ Firefox를 제외한 모든 브라우저에서는 `dispatchEvent`로 '사용자
 |---------|----------|-------------|
 | `change` | 값이 변경될 때 이벤트 발생 | 텍스트 입력의 경우 포커스를 잃을 때 실행 |
 | `input` | 텍스트가 입력될 때마다 이벤트 발생 | `change`와 달리 즉시 실행 |
-| `cut`, `copy`, `paste` | 잘라내기·복사하기·붙여넣기 할 때 이벤트 발생 | 브라우저 기본 동작을 막아 이벤트 실행을 막을 수 있음. `event.clipboardData` 프로퍼티를 사용하면 클립보드에 저장된 데이터를 읽고 쓸 수 있음 (Firefox를 제외한 모든 브라우저는 `navigator.clipboard` 도 지원) |
+| `cut`, `copy`, `paste` | 잘라내기·복사하기·붙여넣기 할 때 이벤트 발생 | 브라우저 기본 동작을 막아 이벤트 실행을 막을 수 있음. \ `event.clipboardData` 프로퍼티를 사용하면 클립보드에 저장된 데이터를 읽고 쓸 수 있음 \ (Firefox를 제외한 모든 브라우저는 `navigator.clipboard` 도 지원) |

2-ui/5-loading/01-onload-ondomcontentloaded/article.md

@@ -33,7 +33,7 @@ document.addEventListener("DOMContentLoaded", ready);
   function ready() {
     alert('DOM이 준비되었습니다!');
 
-    // 이미지가 로드되지 않은 상태(캐시된 경우가 아니라면)이기 때문에 사이즈는 0x0입니다.
+    // 이미지가 아직 로드되지 않았기 때문에(캐시된 경우 제외) 크기는 0x0입니다.
     alert(`이미지 사이즈: ${img.offsetWidth}x${img.offsetHeight}`);
   }
 

2-ui/5-loading/02-script-async-defer/article.md

@@ -101,8 +101,7 @@
     - 페이지 구성이 끝난 후에 async 스크립트 다운로딩이 끝난 경우, `DOMContentLoaded`는 async 스크립트 실행 전에 발생할 수 있습니다,
     - async 스크립트가 짧아서 페이지 구성이 끝나기 전에 다운로드 되거나 스크립트가 HTTP 캐시 처리 된 경우, `DOMContentLoaded`는 `async` 스크립트 실행 후에 발생할 수도 있습니다.
 
-
-In other words, `async` scripts load in the background and run when ready. The DOM and other scripts don't wait for them, and they don't wait for anything. A fully independent script that runs when loaded. As simple, as it can get, right?
+다시 말해 비동기 스크립트는 백그라운드에서 로드되어 준비가 되면 실행됩니다. DOM이나 다른 스크립트는 비동기 스크립트를 기다리지 않으며 비동기 스크립트 또한 그 어떤 것도 기다리지 않습니다. 로드되는 즉시 실행되는 완전히 독립적인 스크립트인 셈입니다. 간단하죠?
 
 defer 스크립트를 사용했을 때와 비슷한 예시를 살펴봅시다.
 `long.js`와 `small.js` 스크립트가 있고, `defer` 대신 `async`를 사용했습니다.
@@ -161,7 +160,7 @@ document.body.append(script); // (*)
 
 아래 예시에선 `loadScript(src)` 함수는 스크립트를 추가하고 `async`를 `false`로 설정합니다.
 
-So `long.js` always runs first (as it's added first):
+따라서 `long.js`는 (가장 먼저 추가되었기 때문에) 항상 먼저 실행됩니다.
 
 ```js run
 function loadScript(src) {

5-network/01-fetch/article.md

@@ -61,8 +61,8 @@ if (response.ok) { // HTTP 상태 코드가 200~299일 경우
 
 `response` 에는 프라미스를 기반으로 하는 다양한 메서드가 있습니다. 이 메서드들을 사용하면 다양한 형태의 응답 본문을 처리할 수 있습니다. 
 
-- **`response.text()`** -- 응답을 읽고 텍스트를 반환합니다,
-- **`response.json()`** -- 응답을 JSON 형태로 파싱합니다,
+- **`response.text()`** -- 응답을 읽고 텍스트를 반환합니다.
+- **`response.json()`** -- 응답을 JSON 형태로 파싱합니다.
 - **`response.formData()`** -- 응답을 `FormData` 객체 형태로 반환합니다. `FormData`에 대한 자세한 내용은 [다음 챕터](info:formdata)에서 다루겠습니다.
 - **`response.blob()`** -- 응답을 [Blob](info:blob)(타입이 있는 바이너리 데이터) 형태로 반환합니다.
 - **`response.arrayBuffer()`** -- 응답을 [ArrayBuffer](info:arraybuffer-binary-arrays)(바이너리 데이터를 로우 레벨 형식으로 표현한 것) 형태로 반환합니다.