티스토리 뷰

HTML/HTML 용어 개념

Method, Get, Post (HTML)

GrapeMilk 2020. 3. 30. 11:37

Goal 

 - HTML form태그의 method속성에 대해 알아본다

 - 정보를 전달하는 방식인 Get, Post 방식에 대해 알아본다.

1. Method 

 - method를 이해하기 위해서는 먼저, form태그에 대해 알아야 한다. (form 개념 알아보기)

 - form 태그는 사용자에게 입력받은 데이터를 서버로 보내는 것으로서, 서버에 데이터를 전송할 때 get와 post이라는 방식을 이용한다.

 - get과 post방식을 이용하기 위해서는 form태그에서 method라는 속성을 지정한다.

 - method는 '방법' 즉, 데이터를 어떤 방법으로 전송할 것인지 명시하는 form태그의 속성으로 method를 명시하지 않으면 기본적으로 데이터를 get방식으로 보내며 post 방식을 사용할 경우는 다음과 같이 코드를 작성한다

<form action="http/localhost/method.php" method="post">

 

method에 대해 알아봤다면 get방식과 post방식에 대해 각각 알아보자

 

2. Get 방식

http://localhost/login.php?id=hello&pwd=1234&address=adress

 - get방식은 form에 입력한 정보를 url을 통해 서버에 전달하는 방식이다.

 - 입력한 정보가 url에 노출되기 때문에 보안에 취약하다.

 

 1)Get 방식을 사용한 form 코드 예제

<html>
<head>
    <meta charset="utf-8">
</head>
<body>
<form action="http://localhost/login.php">
    <p>아이디 : <input type="text" name="id"></p>
    <p>비밀번호 : <input type="password" name="pwd"></p>
    <p>주소 : <input type="text" name="address"></p>
    <input type="submit">
</form>
</body>
</html>

 2)form 코드 실행 결과

 

 3) 정보 전달 결과 

http://localhost/login.php?id=hello&pwd=1234&address=adress

 - 아이디 : hello, 비밀번호 : 1234, 주소 : adress를 입력한 뒤 제출 버튼을 누르면 

 - 웹서버가 위처럼 url정보를 만들어 login.php페이지로 정보들을 보낸다.

 - 주소를 살펴보면 input에 입력한 값들을 name속성으로 이름을 붙여서 정보들을 전달하는 것을 알 수 있다. (ex, id=hello)

 - 즉, input에 입력한 정보들이 url(http://localhost/login.php)에 물음표(?)로 구분되어 서버에 전송되는 것을 알 수 있는데(?id=hello&pwd=1234&address=adress). 이런식으로 정보를 보내는 방식을 GET방식이라고한다.

 

3. Post 방식 

http://localhost/login.php

 - Get으로 정보를 전달하는 방식에서 정보가 url에 노출되는것을 방지함.

 - Post방식으로 정보를 전달하면, 정보가 url에 노출되지 않음.

 

 1) Post 방식을 이용한 form 코드 예제

  - form태그에 method="post"를 명시함으로서 post방식을 사용하는 것을 알 수 있다.

<html>
<head>
    <meta charset="utf-8">
</head>
<body>
<form action="http://localhost/login.php" method="post"> <!-- post 방식 사용 -->
    <p>아이디 : <input type="text" name="id"></p>
    <p>비밀번호 : <input type="password" name="pwd"></p>
    <p>주소 : <input type="text" name="address"></p>
    <input type="submit">
</form>
</body>
</html>

 - 해당 코드를 실행하고 정보를 입력하여 제출버튼을 누르면

http://localhost/login.php

 - 위의 url과 같이 get방식과는 다르게 입력한 정보들이 url에 노출되지 않는 것을 알 수 있다.

 

4. Get, Post 어떤 방식을 사용해야 할까?

 - form을 이용하여 정보를 전송할때는 대부분 post방식을 이용하여 전송한다.

 - 하지만, 서버 개발자의 협업을 통해 서버개발자가 요청에 따라 어떤 방식을 사용할지 결정함.

'HTML > HTML 용어 개념' 카테고리의 다른 글

Form (HTML)  (0) 2020.03.30
댓글