FormData

// FormData
//  HTML form 태그에 담긴 데이터를 AJAX 요청으로 보내고 싶은 경우
//  - FormData 객체 이용
//  FormData 메서드
//  - Append로 데이터 하나씩 추가
//  - Has로 데이터 존재 여부 확인
//  - Get으로 데이터 조회
//  - getAll로 데이터 모두 조회
//  - delete로 데이터 삭제
//  - set으로 데이터 수정
const formData = new FormData();
formData.append('name', 'hyungju-lee');
formData.append('item', 'orange');
formData.append('item', 'melon');

formData.has('item'); // true
formData.has('money'); // false
formData.get('item'); // orange
formData.getAll('item'); // ['orange', 'melon']

formData.append('test', ['hi', 'zero']);

formData.get('test'); // 'hi,zero'

formData.delete('test');

formData.get('test'); // null

formData.set('item', 'apple');

formData.getAll('item'); // ['apple']

formData.get('item'); // 'apple'

// HTML에 form 태그가 있는데, form 태그도 이미지를 전송할 수 있는데, 
// 서버로 요청을 보낼 때 axios를 주로 사용
// axios는 이미지나 파일 동영상을 전송할 때 formData에 데이터를 넣어서 보내야됨