웹 개발 기초 공부 3

GET, POST 이해하기

먼저, "vi name.php" 명령어를 통해 새로운 파일을 만들어보겠습니다.

위의 이미지처럼 기본적인 스켈레톤을 작성해보세요. 우리가 알고 있는 기본적인 HTML 구조와는 조금 다를 수 있습니다. 하지만 지금은 원리를 이해하기 위해 이 구조로 작성한 것입니다.

브라우저에 http://192.168.136.229:1018/name.php를 입력해보세요.

입력창이 나타나는 것을 확인할 수 있습니다.
입력창에 "banana"를 입력해보면,
상단 URL 뒤쪽이 살짝 바뀌면서 "php?id=banana"로 출력되는 것을 볼 수 있습니다.

 

이전에 "name.php" 파일을 만들 때,
"input" 태그에 "name=id"로 설정했고,
"<?php echo $_GET["id"]; ?>"로 값을 출력하도록 지정했기 때문에,
입력된 값이 PHP를 통해 화면에 출력됩니다.

 

여기서 GET과 POST 방식을 이해하기 위해 조금 더 살펴보겠습니다.
"vi name.php" 명령어로 파일을 열고, "GET" 부분을 "POST"로 변경해봅시다.

 

그런 다음, http://192.168.136.229:1018/name.php에 다시 접속하여 "banana"를 입력해보세요.

 

이전과는 다르게 "php?id=banana"가 URL에서 사라진 것을 볼 수 있습니다.

이제 두 방식의 차이점이 보이시나요?
"GET" 방식은 클라이언트 측에서 바로 식별할 수 있지만,
"POST" 방식은 요청 본문(Request Body)에 포함되어 전송되기 때문에 URL에서 식별하기 어렵습니다.

 

정리

• GET: 간단한 페이지 소스를 만들 때 활용되며, 캐싱이 가능해 즐겨찾기와 같은 편리한 기능을 사용할 수 있습니다.
• POST: 비밀번호 보안, URL 간략화를 위해 사용합니다.

이 정도 설명으로는 조금 어려울 수 있습니다. 더 진행해보겠습니다.

 

"vi login.php" 명령어를 입력하여 파일을 만들고,

이미지처럼 코드를 작성해보세요.
그리고 http://192.168.136.229:1018/login.php를 입력하면 다음과 같이 출력됩니다.

 

ID와 Password에 원하는 값을 입력하면, URL이 자동으로 변경되는 것을 확인할 수 있습니다.

주소 중간에 "&"가 보이시나요? 이는 파라미터 구분자로, ID와 Password의 경계를 구분해줍니다.

Password가 화면에 노출된 상태인데, 이를 숨기기 위해서 위에서 했던 것처럼 "GET"을 "POST"로 변경해주면 됩니다.

 

추가로, 로그인 기록을 다른 파일에 저장하고 싶을 때는
"vi login_proc.php"라는 파일을 만들고,

 

이미지처럼 코드를 작성해줍니다. 이는 화면에 입력한 내용을 출력해주는 단순한 코드입니다.

 

그런 다음, "login.php" 파일을 열어서
method 속성 뒤에 action="login_proc.php" (로그를 저장할 경로)를 입력하고 저장합니다.
다시 웹페이지에서 ID와 Password를 입력하면,

URL에 이동 경로가 추가된 상태를 확인할 수 있습니다.