** 📌 1-4. 폼 데이터 처리 (GET/POST 방식 완전 정리)**

JSP에서 사용자 입력값을 안전하게 받는 방법 + 실전 예제 + 기술 면접 정리

---

🧩 목차

1. HTML Form이란?
2. GET과 POST 방식 차이
3. JSP에서 입력값 받는 방법
4. 실전 예제 (GET & POST)
5. 유효성 검사 추가 팁
6. 기술 면접 대비 정리
7. 마무리 요약 & Notion 정리 팁

---

✅ 1. HTML Form이란?

개념	설명
정의	사용자의 입력을 서버로 전송하는 HTML 요소
동작	method에 따라 GET 또는 POST 방식으로 서버에 전송됨
연결 대상	action="JSP 또는 Servlet 파일명" 으로 지정

<form action="submit.jsp" method="post">
  이름: <input type="text" name="name" />
  <input type="submit" value="전송" />
</form>

---

✅ 2. GET vs POST 차이점

구분	GET	POST
전송 방식	URL에 파라미터 포함	요청 바디에 숨겨서 전송
보안성	낮음 (주소창에 노출)	높음 (URL에 표시되지 않음)
용량 제한	적음 (~2KB 제한)	많음 (파일도 가능)
사용 용도	검색, 조회	로그인, 회원가입 등 민감한 정보

---

💡 예시 비교

GET  → /submit.jsp?name=홍길동
POST → 서버 내부로 전송되며 URL에 표시되지 않음

---

✅ 3. JSP에서 입력값 받는 방법

📌 공통 코드: request.getParameter("이름")

<%
  String name = request.getParameter("name");
%>
<p>입력한 이름: <%= name %></p>

---

✅ 4. 실전 예제: GET & POST 방식

---

🟦 [1] GET 방식 예제

📄 form.html

<form action="getTest.jsp" method="get">
  이름: <input type="text" name="name" />
  <input type="submit" value="GET 전송" />
</form>

📄 getTest.jsp

<%
  String name = request.getParameter("name");
%>
<p>GET 방식으로 받은 이름: <%= name %></p>

🧠 URL에 ?name=홍길동처럼 파라미터가 붙어서 전송됨

---

🟦 [2] POST 방식 예제

📄 form.html

<form action="postTest.jsp" method="post">
  이름: <input type="text" name="name" />
  <input type="submit" value="POST 전송" />
</form>

📄 postTest.jsp

<%
  String name = request.getParameter("name");
%>
<p>POST 방식으로 받은 이름: <%= name %></p>

🧠 URL에 아무 정보도 표시되지 않고, 보안성이 더 높음

---

✅ 5. JavaScript + 서버 유효성 검사 팁 🛡️

🔸 클라이언트 유효성 검사 (JS로 미리 검사)

<script>
function validate() {
  const name = document.getElementById("name").value;
  if (name === "") {
    alert("이름을 입력하세요!");
    return false;
  }
}
</script>

<form onsubmit="return validate()" method="post" action="postTest.jsp">
  이름: <input type="text" name="name" id="name" />
  <input type="submit" value="전송" />
</form>

🔸 서버 유효성 검사 (JSP에서 null 체크)

<%
  String name = request.getParameter("name");
  if(name == null || name.trim().equals("")) {
    out.println("이름은 필수 입력 항목입니다!");
  } else {
    out.println("입력된 이름: " + name);
  }
%>

---

✅ 6. 기술 면접 대비 질문 정리

질문	요점 답변
GET vs POST 차이는?	GET은 URL에 파라미터, POST는 본문에 전송
폼에서 서버로 값 전송 방법은?	method에 GET 또는 POST 지정, action에 JSP 파일명 지정
JSP에서 값 받는 방법?	request.getParameter("name") 사용
보안이 더 강한 방식은?	POST (URL에 노출되지 않음)

---

✅ 7. 마무리 요약 🧠

• 📤 Form: HTML에서 사용자 입력 전송
• 🔍 GET: 주소창에 노출, 조회용
• 🔒 POST: 주소창에 안 보임, 로그인/회원가입 등 사용
• 🧾 JSP에서는 request.getParameter("이름") 으로 값 받기
• ✅ JS + 서버 모두 유효성 검사 필수!

---