[React] formData 객체 생성

프로젝트 개발 도중 formData로 서버에 POST 해야하는 일이 생겨 formData 객체를 생성하고 entries() 메소드를 사용하여 내용을 확인하는 코드를 작성했다.
원래는 store에서 JWT 토큰을 통해 받아온 유저의 아이디를 id 값으로 설정해주어야 하지만 일단 테스트를 위해서 id=1이라고 가정했다.

// const id = useUserStore.getState().user.userId; //userId from userData
const id = 1; //test용

 const formData = new FormData(); //객체 생성
      formData.append( //Data에 append 해준다.
        "requestDto",
        JSON.stringify({ id, name, description, category })
      );
      if (profileImage) {
        //프로필 이미지: 선택
        formData.append("profile", profileImage);
      }

entries 메소드는 각 키-값 쌍을 포함하는 iterable한 객체를 반환한다.
각 쌍은 key, value 형태의 배열로 표현됨.

console.log("name:", name);
      console.log("description:", description);
      console.log("category:", category);
      for (const [key, value] of formData.entries()) {
        console.log(key, value);
  }

 서버로 날려주기

const response = await axios.post("/community/server", formData, {
        headers: {
          "Content-Type": "multipart/form-data",
        },
      });