[HTML] form & get/post 방식

form(폼)

form이란 사용자의 데이터를 서버에 전송하는 방법입니다. (로그인, 회원가입, 게시판 글작성 or 파일 전송 등)

action

action속성 값에는 데이터를 전송할 서버의 url을 넣어줍니다.

그 이유는 로그인화면에서 사용자가 정보를 입력하고 로그인 버튼을 눌렀을 때

그 정보가 맞는지, 틀렸는지 판단하는 등의 일처리를 서버에서 처리하기 때문에

이 입력내용들을 서버에 보내주기 위해서 action의 속성값에 주소를 넣어줍니다.

name

서버에서 정보를 넘겨받았을 때 사용자가 어떤 input을 넣었는지 확인하기 위해 필요합니다.

## input 태그와 label태그를 분리시켜서 사용할 때는 for 값과 id 값을 꼭 같게 해주어야 합니다.

<form action="/" method="/GET">

<label for="user_name">이름</label>

<input id="user_name" name="user_name" type="text" placeholder="이름">

</form>

get / post 방식

get

- 클라이언트가 입력한 query의 이름과 값이 결합되어 스트링 형태로 서버에 전달됩니다.

- 한번 요청시 전송 데이터 양은 주소값+파라미터로 255자로 제한됩니다.(전송할 수 있는 정보의 길이 제한)

- DB에 추가로 정보를 처리하지 않고, 저장된 Data를 단순 요청하는 정도로 사용합니다.

- url에 그대로 query의 이름과 값이 같이 연결되어 표현됩니다.

post

- 사용자의 아이디나 패스워드 이메일 등의 개인정보와 같은 것들의 민감한 데이터를 보낼 때 사용합니다.

- 클라이언트와 서버 간에 인코딩하여 서버로 전송합니다.

- 헤더를 통해 요청이 전송되는 방식입니다.

- 데이터 양은 제한이 없습니다.

- Query는 body안에 들어가 있어서 보안에 조금 유리함이 있습니다.