sitelink1 https://blog.logrocket.com/how-to-build-...avascript/ 
sitelink2 https://github.com/Pankajtanwarbanna/van...ree/master 
sitelink3  
sitelink4  
extra_vars4  
extra_vars5  
extra_vars6  

- 첨부파일 : vanilla_script.7z

  > index.html : ui html

  > index.js : node js src

 

vanilla script 로 file stream 을 서버에 전송하는 방법에 대해 학습하는 문서이다.

XMLHttpRequest 를 사용하지 않고 fetch() 함수를 이용하는데 대용량 파일 전송에 적합한 코드로 보인다.

 

목차는 다음과 같다.

  1. Set up the Node.js server
  2. Set up the frontend
  3. Read the file content on the frontend
  4. Divide and stream the file in chunks to the backend
  5. Receive the chunks and store them on the server
  6. Upload multiple files

문서의 링크가 오랜시간 후에도 살아있다면 계속적인 학습에 도움이 되겠지만

10년후에는 이 문서를 살펴볼일이 없을테니 본문을 스크랩하지는 않고 걍 링크만 걸어둔다.

학습의 결과로 작성된 샘플 예제는 첨부하여 맨 위에 올려두었다.

 

 

 

번호 제목 글쓴이 날짜 조회 수
26 CryptoJS 를 이용한 암호화 황제낙엽 2023.02.15 525
25 (Copilot) 바닐라 스크립트가 뭐지? 황제낙엽 2023.02.24 323
24 배열에 대한 루프문 조회 (loop iterator) 황제낙엽 2023.03.01 617
23 (Copilot) JSON 객체의 내부 데이터 리스트 길이를 구하는 방법 황제낙엽 2023.03.30 308
22 JSON 클래스가 지원하는 function 황제낙엽 2023.03.31 253
21 체크박스에 체크된 항목 개수 구하기 황제낙엽 2023.06.10 566
20 정규식을 이용한 이메일 검증 스크립트 file 황제낙엽 2023.06.25 251
19 Barcode Detection API 황제낙엽 2023.08.06 587
18 navigator.mediaDevices 황제낙엽 2023.08.21 345
17 모바일 브라우저에서 file input element 를 이용하여 여러장의 이미지를 서버에 전송하려 할때 [1] 황제낙엽 2023.08.21 387
16 (Bard) JavaScript로 JSON 배열을 작성하는 방법 황제낙엽 2023.08.21 297
» How to build a file upload service with vanilla JavaScript file 황제낙엽 2023.08.22 340
14 (Bard) FileReader 로 여러개의 파일을 read 하는 법 file 황제낙엽 2023.08.23 538
13 현재 document 의 host 와 port 를 얻는 방법 황제낙엽 2023.10.03 776
12 fetch() 함수 사용 예제 file 황제낙엽 2023.11.23 493
11 json 데이터 내의 변수명에 prefix 로 type 표현하기 황제낙엽 2024.04.15 274
10 [Copilot] JavaScript로 서버에 특정 값을 POST 방식으로 전달하고 응답을 기다리지 않고 바로 종료 황제낙엽 2024.05.31 459
9 [Copilot] JSON 객체 내부 데이터를 순회하면서 조회하는 코드 황제낙엽 2024.06.02 271
8 [Copilot] ES6 모듈(module) 문법 황제낙엽 2024.06.21 271
7 [Copilot] Vanilla JavaScript에서 외부 스크립트 파일에 정의된 함수들을 로드 황제낙엽 2024.06.21 327