📄 첨부파일 Form 전송 절차

1️⃣ 일반 텍스트폼 가져오기

단계	설명	예시 코드
1	HTML에서 form 요소를 선택한다.	const form = document.querySelector('form식별자명');
2	form 내부의 name 속성명은 JAVA의 DTO 속성명과 동일해야 한다.	<input name="pname" /> ↔️ ProductDto { String pname; }

---

2️⃣ 일반 텍스트폼 → 대용량 바이트폼으로 변환

단계	설명	예시 코드
1	기존 form 데이터를 FormData 객체로 변환한다.	const formData = new FormData(form);

---

3️⃣ 기존 폼 속성 외의 속성 추가

단계	설명	예시 코드
1	formData에 추가 속성을 동적으로 삽입할 수 있다.	formData.append("속성명", 값);

---

4️⃣ 옵션 구성하기

항목	내용
method	"POST" 또는 "PUT"
body	formData
headers	생략 가능

const option = {
  method: "POST",
  body: formData
};

---

5️⃣ fetch 진행하기

fetch("요청URL", option)
  .then(response => response.json())
  .then(result => console.log(result))
  .catch(error => console.error(error));

---

💡 기타 참고 사항

• 공문서를 꼼꼼히 읽고, 안내에 따라 천천히 진행할 것.
• 하나의 Service가 다른 Service를 호출하는 것은 위반 행위가 아님.
• 프로젝트 아이디어가 떠오르지 않는다면,
  👉 현 시대의 문제점이나 핫한 주제를 선택해보자.

---