[fetch] - 과제 번역 #679

Author: C17AN

5-network/01-fetch/01-fetch-users/_js.view/source.js

@@ -1,4 +1,4 @@
 
 async function getUsers(names) {
-  /* your code */
+  /* 여기에 코드를 작성하세요. */
 }

5-network/01-fetch/01-fetch-users/_js.view/test.js

@@ -1,9 +1,9 @@
 describe("getUsers", function() {
 
-  it("gets users from GitHub", async function() {
-    let users = await getUsers(['iliakan', 'remy', 'no.such.users']);
-    assert.equal(users[0].login, 'iliakan');
-    assert.equal(users[1].login, 'remy');
+  it('GitHub에서 사용자 정보를 얻어옵니다.', async function() {
+    let users = await getUsers(["C17AN", "Violet-Bora-Lee", "이런사용자는없습니다"]);
+    assert.equal(users[0].login, "C17AN");
+    assert.equal(users[1].login, "Violet-Bora-Lee");
     assert.equal(users[2], null);
   });
 

5-network/01-fetch/01-fetch-users/solution.md

@@ -1,11 +1,11 @@
 
-To fetch a user we need: `fetch('https://api.github.com/users/USERNAME')`.
+fetch를 통해 사용자 정보를 가져오려면 `fetch('https://api.github.com/users/사용자명')`를 사용해야 합니다.
 
-If the response has status `200`, call `.json()` to read the JS object.
+응답 상태 코드가 `200`이면 `.json()`을 호출해 객체를 읽습니다.
 
-Otherwise, if a `fetch` fails, or the response has non-200 status, we just return `null` in the resulting array.
+반면 `fetch`가 실패하거나 응답 상태 코드가 200이 아니라면 `null`을 리턴하고 배열에 담아야 합니다.
 
-So here's the code:
+답안은 아래와 같습니다.
 
 ```js demo
 async function getUsers(names) {
@@ -33,8 +33,8 @@ async function getUsers(names) {
 }
 ```
 
-Please note: `.then` call is attached directly to `fetch`, so that when we have the response, it doesn't wait for other fetches, but starts to read `.json()` immediately.
+`.then`은 `fetch` 직후 호출되므로 응답이 도착하면 다른 fetch를 기다리는 대신 곧바로 `.json()`으로 응답을 읽기 시작한다는 것을 기억하세요.
 
-If we used `await Promise.all(names.map(name => fetch(...)))`, and call `.json()` on the results, then it would wait for all fetches to respond. By adding `.json()` directly to each `fetch`, we ensure that individual fetches start reading data as JSON without waiting for each other.
+`await Promise.all(names.map(name => fetch(...)))`의 반환값을 대상으로 `.json()`을 호출한다면 모든 fetch 응답이 완료되기 전까지 기다려야 합니다. 대신 각 `fetch`마다 `.json()`을 호출하면 다른 fetch 응답을 기다리지 않으면서 JSON 형식으로 데이터를 읽을 수 있습니다.
 
-That's an example of how low-level Promise API can still be useful even if we mainly use `async/await`.
+이 예제를 통해 비록 `async-await`을 주로 사용하더라도 여전히 하위 수준의 프라미스(Promise) API가 유용하게 사용될 수 있음을 알 수 있습니다.

5-network/01-fetch/01-fetch-users/task.md

@@ -1,13 +1,13 @@
-# Fetch users from GitHub
+# fetch를 사용해 Github에서 사용자 정보 가져오기
 
-Create an async function `getUsers(names)`, that gets an array of GitHub logins, fetches the users from GitHub and returns an array of GitHub users.
+GitHub 사용자 이름이 담긴 배열을 인자로 받는 비동기 함수 `getUsers(names)`를 만든 후, GitHub에서 fetch한 사용자 정보들이 담긴 배열을 반환하는 함수를 만들어 보세요.
 
-The GitHub url with user information for the given `USERNAME` is: `https://api.github.com/users/USERNAME`.
+`사용자명`에 해당하는 사용자 정보를 가져오려면 GitHub API `https://api.github.com/users/사용자명`에 요청을 보내면 됩니다.
 
-There's a test example in the sandbox.
+샌드박스에 테스트 코드가 준비되어 있습니다.
 
-Important details:
+아래 조건들을 지켜 과제를 완수해 보세요.
 
-1. There should be one `fetch` request per user.
-2. Requests shouldn't wait for each other. So that the data arrives as soon as possible.
-3. If any request fails, or if there's no such user, the function should return `null` in the resulting array.
+1. 사용자당 `fetch` 요청은 한 번만 수행해야 합니다.
+2. 데이터가 최대한 일찍 도착할 수 있도록 각 요청은 다른 요청의 결과를 기다려서는 안 됩니다.
+3. 요청에 실패하거나 존재하지 않는 사용자에 대한 요청을 보냈다면 `null`을 리턴하고 배열 요소에 담아야 합니다.