[9주차] 6. <form> 요소에서 action 요청방법 2가지(get / post)***

* Html의 <form> 태그는 보통 자식으로

  '사용자 입력을 받는 요소'와, '입력한 것을 전송하기 위한 submit 타입의 버튼 요소'를 가진다.

   기본 흐름은 사용자가 텍스트 입력 후, submit 버튼을 누를시 form 태그의 action 속성에 지정된 파일을 서버에 요청하는데
   서버에 요청을 보낼 때 보통 사용자가 입력한 텍스트들을 같이 보내게 되어있다.

   이 요청을 보낼 때 2가지 방식이 있는데 GET 방식과 POST 방식이 있으며 디폴트는 GET 방식이고
   따로 지정해주고 싶다면 form 요소의 속성으로 method를 추가하면 된다.

직관적으로 눈에 보이는 get / post 방식의 차이

* get 방식은 url에 전달한 파라미터가 그대로 노출되고, post 방식은 url에 전달한 파라미터 정보가 숨겨진다.

 

get방식(디폴트)

post방식

더 자세히 알아보는 get / post 각각의 요청 방식의 차이

get방식(디폴트)

- HTTP header에 정보를 싣어 보냄

- URL뒤에 붙는다.

- 256byte가 한계

- 전달 속도가 빠름

- 적은 양의 데이터 전송시 좋다.

 

post방식

- HTTP body에 정보를 싣어 보냄

- 데이터 사이즈의 한계가 없다.

- 보안에 좋다.