HTML <form> 태그의 핵심 속성 정리

<form> 태그는 사용자의 입력 데이터를 서버로 전송할 때 사용되며, 두 가지 중요한 속성을 가진다.

1. action (데이터 전송 대상)

• 입력된 데이터를 전송할 URL을 지정하는 속성이다.
• action에 입력된 경로에 해당하는 파일이나 서버가 반드시 존재해야 한다.
  → 예시: <form action="/submit"> (데이터가 /submit으로 전송됨)

2. method (데이터 전송 방식)

데이터를 전송하는 방식은 GET과 POST 두 가지가 있다.

• GET 방식
  • 데이터가 URL의 쿼리 스트링(예: ?key=value) 형태로 포함되어 전송됨.
  • 브라우저의 주소창에 정보가 노출되므로 보안에 취약하다.
  • 로그인 정보(아이디, 비밀번호) 등 보안이 필요한 데이터를 GET 방식으로 보내면 안 된다.
  • URL에 포함되어도 문제가 없는 데이터를 전송할 때 사용한다.
    → 예시: 검색어 전달 (https://example.com/search?q=html)
• POST 방식
  • 데이터를 요청 본문(Body)에 담아 전송하는 방식.
  • URL에 데이터가 노출되지 않아 보안성이 높음.
  • 일반적으로 로그인, 회원가입, 데이터 입력 처리 등 보안이 중요한 상황에서 사용됨.
  • 이번 강의에서는 백엔드 서버가 없으므로 사용할 수 없음.

정리:

• action → 데이터를 어디로 보낼지 결정
• method → 데이터를 어떻게 보낼지 결정 (GET: 노출됨, POST: 숨김)
• 보안이 중요한 정보는 GET 방식으로 전송하면 안 됨!