[250915] TIL

Today I Learned (2025-09-15)

FormData 란?

• 웹에서 폼 데이터를 전송하기 위한 JS 객체 https://developer.mozilla.org/ko/docs/Web/API/FormData

const formData = new FormData();
formData.append("thumbnailImage", file);
// ✅ 간단하고 직관적

FormData에 파일을 추가하고 multipart/form-data 형태로 인코딩하여 바로 서버로 전송하는 방식

Web Worker, Service Worker

web worker

• 메인 스레드와 분리된 백그라운드 스레드 JS 에서 실행이 목적
• Web Worker를 쓰면 무거운 작업을 백그라운드로 넘겨서 UI는 계속 부드럽게 동작
• DOM 접근은 하지 못하고 전용 JS 파일 실행

service worker

• 브라우저와 네트워크 사이에서 프록시처럼 동작하는 백그라운드 스크립트
• 보안때문에 HTTPS 환경에서만 동작한다.
• PWA의 핵심 기술 (네트워크가 없어도 웹앱을 동작시킬 수 있음, 오프라인 지원)

multipart/form-data

• http 메시지에 Content-Type 속성이 multipart/form-data로 지정되고 정해진 형식에 따라 메시지를 인코딩하여 전송한다.
• 즉 이미지, 파일 등이 png, jpg 파일 자체가 전송되는 것이 아니고 인코딩된 데이터로 전송된다.