본문 바로가기

웹 개발/React

FormData 값(keys, values) console에서 확인하는 방법

FormData란?

FormData는 웹에서 파일, 텍스트가 아닌 복합적인 데이터를 전송하기 위해 사용하는 객체 유형입니다. 

이 객체는 XMLHttpRequest를 사용하여 전송할 수 있도록 key-value 쌍들의 집합을 컴파일 해줍니다.

하지만 이런 FormData는 일반적인 변수와 달리 아래와 같은 코드로 console에서 그 값을 확인할 수 없습니다. 

const formData = new FormData();
console.log(formData);

FormData 값(keys, values) console에서 확인하기 위한 소스코드

/* FormData 선언 */
const formData = new FormData();

/* key 확인하기 */
for (let key of formData.keys()) {
	   console.log(key);
}

/* value 확인하기 */
for (let value of formData.values()) {
      console.log(value);
}

위와 같은 코드로 formData의 키 밸류 값을 확인할 수 있습니다.