[문서번역] network/08-xmlhttprequest 예제 번역

gusdn3477 · gusdn3477 · commit 6537f1f49884 · 2026-06-13T19:16:24.000+09:00
diff --git a/5-network/08-xmlhttprequest/example.view/index.html b/5-network/08-xmlhttprequest/example.view/index.html
@@ -25,6 +25,6 @@
 }
 </script>
 
-<button onclick="run()">Load digits</button>
+<button onclick="run()">숫자 불러오기</button>
 
 <ul id="log"></ul>
diff --git a/5-network/08-xmlhttprequest/hello.txt b/5-network/08-xmlhttprequest/hello.txt
@@ -1 +1 @@
-Hello from the server!
+서버에서 보낸 인사입니다!
diff --git a/5-network/08-xmlhttprequest/phones-async.view/index.html b/5-network/08-xmlhttprequest/phones-async.view/index.html
@@ -5,7 +5,7 @@
 </head>
 <body>
 
-  <button onclick="loadPhones()" id="button">Load phones.json!</button>
+  <button onclick="loadPhones()" id="button">phones.json 불러오기!</button>
 
   <script>
     function loadPhones() {
@@ -21,19 +21,19 @@
       xhr.onreadystatechange = function() {
         if (xhr.readyState != 4) return;
 
-        button.innerHTML = 'Complete!';
+        button.innerHTML = '완료!';
 
         if (xhr.status != 200) {
-          // handle error
+          // 에러 처리
           alert(xhr.status + ': ' + xhr.statusText);
         } else {
-          // show result
+          // 결과 표시
           alert(xhr.responseText);
         }
 
       }
 
-      button.innerHTML = 'Loading...';
+      button.innerHTML = '로딩 중...';
       button.disabled = true;
     }
   </script>
diff --git a/5-network/08-xmlhttprequest/phones.view/index.html b/5-network/08-xmlhttprequest/phones.view/index.html
@@ -5,7 +5,7 @@
 </head>
 <body>
 
-  <button onclick="loadPhones()">Load phones.json!</button>
+  <button onclick="loadPhones()">phones.json 불러오기!</button>
 
   <script>
     function loadPhones() {
@@ -15,10 +15,10 @@
       xhr.send();
 
       if (xhr.status != 200) {
-        // handle error
-        alert('Error ' + xhr.status + ': ' + xhr.statusText);
+        // 에러 처리
+        alert('에러 ' + xhr.status + ': ' + xhr.statusText);
       } else {
-        // show result
+        // 결과 표시
         alert(xhr.responseText);
       }
     }
diff --git a/5-network/08-xmlhttprequest/phones.view/server.js b/5-network/08-xmlhttprequest/phones.view/server.js
@@ -10,7 +10,7 @@ let file = new static.Server('.', {
 function accept(req, res) {
 
   if (req.url == '/phones.json') {
-    // stall a bit to let "loading" message show up
+    // '로딩 중' 메시지를 표시하기 위해 잠시 지연
     setTimeout(function() {
       file.serve(req, res);
     }, 2000);
diff --git a/5-network/08-xmlhttprequest/post.view/index.html b/5-network/08-xmlhttprequest/post.view/index.html
@@ -12,13 +12,13 @@
 		const chunk = await reader.read();
 
 		if (chunk.done) {
-			console.log("done!");
+			console.log("완료!");
 			break;
 		}
 
 		chunks.push(chunk.value);
 		receivedLength += chunk.value.length;
-		console.log(`${receivedLength}/${contentLength} received`)
+		console.log(`${receivedLength}/${contentLength} 수신`)
 	}
 
 
diff --git a/5-network/08-xmlhttprequest/post.view/server.js b/5-network/08-xmlhttprequest/post.view/server.js
@@ -17,7 +17,7 @@ function accept(req, res) {
       chunks.push(data);
       length += data.length;
 
-      // More than 10mb, kill the connection!
+      // 10mb를 넘으면 연결을 종료합니다!
       if (length > 1e8) {
         req.connection.destroy();
       }
@@ -28,16 +28,16 @@ function accept(req, res) {
 
       if (req.url == '/user') {
         res.writeHead(200, { 'Content-Type': 'application/json' });
-        res.end(JSON.stringify({ message: 'User saved' }));
+        res.end(JSON.stringify({ message: '사용자 저장 완료' }));
       } else if (req.url == '/image') {
         res.writeHead(200, { 'Content-Type': 'application/json' });
-        res.end(JSON.stringify({ message: "Image saved", imageSize: length }));
+        res.end(JSON.stringify({ message: "이미지 저장 완료", imageSize: length }));
       } else if (req.url == '/upload') {
         res.writeHead(200, { 'Content-Type': 'application/json' });
-        res.end(JSON.stringify({ message: "Upload complete", size: length }));
+        res.end(JSON.stringify({ message: "업로드 완료", size: length }));
       } else {
         res.writeHead(404);
-        res.end("Not found");
+        res.end("찾을 수 없음");
       }
     });
 

Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,6 @@`
`25`	`25`	`}`
`26`	`26`	`</script>`
`27`	`27`
`28`		`-<button onclick="run()">Load digits</button>`
	`28`	`+<button onclick="run()">숫자 불러오기</button>`
`29`	`29`
`30`	`30`	`<ul id="log"></ul>`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-Hello from the server!`
	`1`	`+서버에서 보낸 인사입니다!`
Original file line number	Diff line number	Diff line change
`@@ -12,13 +12,13 @@`
`12`	`12`	`const chunk = await reader.read();`
`13`	`13`
`14`	`14`	`if (chunk.done) {`
`15`		`- console.log("done!");`
	`15`	`+ console.log("완료!");`
`16`	`16`	`break;`
`17`	`17`	`}`
`18`	`18`
`19`	`19`	`chunks.push(chunk.value);`
`20`	`20`	`receivedLength += chunk.value.length;`
`21`		- console.log(`${receivedLength}/${contentLength} received`)
	`21`	+ console.log(`${receivedLength}/${contentLength} 수신`)
`22`	`22`	`}`
`23`	`23`
`24`	`24`