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의 키 밸류 값을 확인할 수 있습니다.
'웹 개발 > React' 카테고리의 다른 글
React 에서 ScrollTo 사용하기 (0) | 2021.02.04 |
---|---|
React) Localstorage를 활용하여 React 로그인 정보 유지하기 (0) | 2021.01.19 |
React Hook useEffect has a missing dependency: 'xxx'. Either include it or remove the dependency array. (react-hooks/exhaustive-deps) 해결하기 (0) | 2021.01.18 |
개행 '\n'을 포함하여 하나의 긴 문자열 랜더링하기 (0) | 2021.01.13 |
React-router 페이지 이동시 페이지 최상단으로 자동 스크롤 하는 방법 (0) | 2021.01.11 |