사용자와의 커뮤니케이션을 위한 폼 태그.

1. form

form 태그는 사용자가 입력한 데이터를 수집하기 위해 사용되며,

• input, textarea, button, select, checkbox, radio button, submit button 등의 입력 양식 태그를 포함할 수 있다.
  • 즉 html상에서 form 태그 안에 위의 태그들이 자리할 수 있다는 것.
• form 태그의 어트리뷰트로는 action과 method가 있다.

• GET과 POST는 HTTP 프로토콜을 이용해서 사용자 입력 데이터를 서버에 전달하는 방식을 나타내며, HTTP request method라고도 한다. (JS Ajax에도 나온다)

GET

• GET 방식은 전송 URL에 입력 데이터를 쿼리스트링으로 보내는 방식이다.예) http://jsonplaceholder.typicode.com/posts?userId=1&id=1
• 전송 URL 바로 뒤에 ‘?’를 통해 데이터의 시작을 알려주고, key-value형태의 데이터를 추가한다. 1개 이상의 전송 데이터는 ‘&’로 구분한다.
• URL에 전송 데이터가 모두 노출되기 때문에 보안에 문제가 있으며 전송할 수 있는 데이터의 한계가 있다. (최대 255자).
• REST API에서 GET 메소드는 모든 또는 특정 리소스의 조회를 요청한다.

POST

• POST 방식은 Request Body에 담아 보내는 방식이다.
  • 예) http://jsonplaceholder.typicode.com/posts
• URL에 전송 데이터가 모두 노출되지 않지만 GET에 비해 속도가 느리다.
• REST API에서 POST 메소드는 특정 리소스의 생성을 요청한다.

GET과 POST차이의 본질적인 차이

• 사용 목적의 관점에서, GET은 서버의 리소스에서 데이터를 요청하고 조회하기 위해 사용하고, POST는 서버의 리소스를 새로 생성하거나 변경(update)하기 위해 사용한다.