Skip to content

Commit 2826202

Browse files
DavidYang2149Violet-Bora-Lee
authored andcommitted
[파일 업로드 재개하기] 번역
1 parent 661798e commit 2826202

File tree

1 file changed

+15
-15
lines changed

1 file changed

+15
-15
lines changed

5-network/09-resume-upload/article.md

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,32 @@
11
# 파일 업로드 재개하기
22

3-
`fetch` 메서드를 사용하면 꽤 쉽게 파일을 업로드할 수 있습니다.
3+
`fetch` 메서드를 사용하면 꽤 쉽게 파일 업로드를 할 수 있습니다.
44

5-
업로드 중 연결이 끊긴 후에 업로드를 재개하려면 어떻게 해야 할까요. 그것을 위해 내장된 기능은 없지만, 부분적으로 구현할 수 있는 기능들이 있습니다.
5+
업로드 중 연결이 끊긴 후에 업로드를 재개하려면 어떻게 해야 할까요. 업로드 재개를 위해 내장된 기능은 없지만 부분적으로 구현할 수 있는 여러 기능이 있습니다.
66

7-
아마도 큰 용량의 파일(재 업로드를 해야 하는 상황이라면) 업로드를 재개하려면 업로드 진행률 표시가 동반되어야 합니다. `fetch` 메서드로는 업로드 진행률을 알 수 없음으로 [XMLHttpRequest](info:xmlhttprequest)를 사용합니다.
7+
아마도 큰 용량의 파일(재 업로드를 해야 하는 상황이라면) 업로드를 재개하려면 업로드 진행률 표시가 동반되어야 합니다. `fetch` 메서드로는 업로드 진행률을 알 수 없으므로 [XMLHttpRequest](info:xmlhttprequest)를 사용합니다.
88

99
## 별 도움 안 되는 진행률 이벤트
1010

11-
업로드를 재개하기 위해서, 연결이 끊기기 전까지 얼마나 업로드가 되었는지 알아야 합니다.
11+
업로드를 재개하기 위해서 연결이 끊기기 전까지 얼마나 업로드가 되었는지 알아야 합니다.
1212

1313
`xhr.upload.onprogress`로 업로드 진행률을 추적할 수 있습니다.
1414

15-
불행하게도 여기 업로드 재개하기에는 도움이 되지 않고 데이터를 *보낼* 때 작동할 뿐, 서버가 데이터를 받았는지 브라우저는 알 수 없습니다.
15+
불행하게도 업로드 진행률 추적은 데이터를 *보낼* 때 작동할 뿐, 서버가 데이터를 받았는지 브라우저는 알 수 없어서 파일 업로드 재개에 도움이 되지 않습니다.
1616

17-
아마도 지역 네트워크 프락시의 지연이나, 원격 서버의 프로세스가 죽어서 처리를 하지 못하거나, 단지 중간에 손실이 일어나 리시버에 도달하지 못했을 수 있습니다.
17+
어쩌면 지역 네트워크 프락시의 지연이나, 원격 서버의 프로세스가 죽어서 처리를 하지 못하거나, 단지 중간에 손실이 일어나 리시버에 도달하지 못했을 수 있습니다.
1818

19-
이것이 이벤트가 멋진 진행률을 보여주는 것 외에는 그다지 유용하지 않는 이유입니다.
19+
이것이 업로드 진행률 이벤트가 멋진 진행률을 보여주는 것 외에는 그다지 유용하지 않은 이유입니다.
2020

21-
업로드를 재개하기 위해서, 서버로부터 수신받은 바이트의 *정확한* 숫자를 알아야 합니다. 그리고 바이트의 수는 서버만이 말해줄 수 있기 때문에 추가로 요청을 해야 합니다.
21+
업로드를 재개하기 위해서 서버로부터 수신받은 바이트의 *정확한* 숫자를 알아야 합니다. 그리고 바이트의 숫자는 서버만이 말해줄 수 있기 때문에 추가로 요청을 해야 합니다.
2222

2323
## 알고리즘
2424

25-
1. 첫째, 업로드할 파일에 고윳값을 구분할 파일 아이디를 생성하세요.
25+
1. 첫째, 업로드를 할 파일에 고윳값을 구분할 파일 아이디를 생성하세요.
2626
```js
2727
let fileId = file.name + '-' + file.size + '-' + +file.lastModifiedDate;
2828
```
29-
그것은 파일 업로드를 재개하기 위해 어떤 것을 재개할지 서버에 말해주기 위해 필요합니다.
29+
파일 아이디는 파일 업로드를 재개할 때 서버에 어떤 파일을 재개할지 말해주기 위해 필요합니다.
3030

3131
이름이나 크기 혹은 최종 수정 날짜가 변하면 별도의 `fileId`가 생성됩니다.
3232

@@ -42,7 +42,7 @@
4242
let startByte = +await response.text();
4343
```
4444

45-
서버가 `X-File-Id` 헤더에서 파일 업로드를 추적한다고 가정합니다. 이는 서버사이드에 구현되어야 합니다.
45+
서버가 `X-File-Id` 헤더에서 파일 업로드를 추적한다고 가정합니다. 헤더의 파일 업로드 추적 작업은 서버사이드에서 구현되어 있어야 합니다.
4646

4747
아직 파일이 서버에 없으면 서버는 `0`으로 응답해야 합니다.
4848

@@ -64,19 +64,19 @@
6464
xhr.send(file.slice(startByte));
6565
```
6666

67-
서버에 파일 아이디인 `X-File-Id`를 보내 업로드할 파일을 알게 되고 시작 바이트인 `X-Start-Byte`를 서버에 보내 처음부터 업로드하지 않고 재개하게 합니다.
67+
서버에 파일 아이디인 `X-File-Id`를 보내 업로드를 할 파일을 알고 시작 바이트인 `X-Start-Byte`를 서버에 보내 처음부터 업로드를 하지 않고 재개하게 합니다.
6868

69-
서버는 기록을 확인해서 파일에 업로드가 있었는지, 그리고 현재 올리는 크기가 정확히 `X-Start-Byte`인지 확인하고 데이터를 확장합니다.
69+
서버는 기록을 확인해서 파일에 업로드가 있었는지 그리고 현재 올리는 크기가 정확히 `X-Start-Byte`인지 확인하고 데이터를 확장합니다.
7070

7171

72-
여기에 Node.js로 작성된 서버와 클라이언트 시범 서버 코드가 있습니다.
72+
여기에 시범을 위해 Node.js로 작성된 서버와 클라이언트의 코드가 있습니다.
7373

7474
Node.js는 Nginx의 서버 뒤에서 버퍼 업로드가 완료되었을 때 Node.js로 전달하기 때문에 이 사이트에서만 부분적으로 작동합니다.
7575

7676
그래도 다운로드를 받아서 로컬에서 전체 시범을 실행해보세요.
7777

7878
[codetabs src="upload-resume" height=200]
7979

80-
알다시피 최신 네트워킹 메서드들은 기능 면에서 파일 매니저에 가깝습니다 -- 오버 헤더 통제, 진행률 표시, 파일을 부분적으로 보냄 등.
80+
아시다시피 여러 최신 네트워킹 메서드는 기능 면에서 파일 매니저에 가깝습니다 -- 오버 헤더 통제, 진행률 표시, 파일을 부분적으로 보냄 등.
8181

8282
이제 파일 업로드 재개를 구현할 수 있습니다.

0 commit comments

Comments
 (0)