웹 페이지 만들기 실습

Yoo_j·2026년 2월 22일

xampp 설치 후 진행
여러가지 도구들을 한데 모아놓은.. 그런 프로그램?

xampp 에 대한 자세한 설명은 여기서..
https://ko.wikipedia.org/wiki/XAMPP

-> XAMPP는 크로스 플랫폼 웹 서버 자유 소프트웨어 꾸러미이다. 아파치 웹 서버, MariaDB, PHP, 펄을 포함하고 있다. GNU 일반 공중 사용 허가서로 배포되며 자유롭고 쓰기 쉬운 웹 서버이다. 마이크로소프트 윈도우, 리눅스, 솔라리스, 맥 오에스 텐 등에서 동작하며 주로 웹 개발에 사용된다.

개발 환경 구성을 좀 더 쉽게 할 수 있다는 장점이 있다.

단순 인사말 출력하는 페이지를 출력해보려고 한다.
아래와 같은 경로에 아래와 같은 내용으로 PHP 파일 만들어서 저장해주고

localhost/HELLOPHP.php 로 이동해주면, 설정된 경로에 따라서 HELLOPHP.php 파일에 적힌 내용이 웹페이지 형식에 맞게 출력된것

이제 나머지 과제 수행을 진행해보면,

과제에서 요구한것.

작성한 php 코드 내용

-> 파일 저장 위치는 C:\xampp\htdocs\
이름은 login.php 로 저장하였다.

<?php
$message = "";

if ($_SERVER["REQUEST_METHOD"] == "GET" && isset($_GET["userid"])) {
    $id = $_GET["userid"];
    $pw = $_GET["userpw"];

    if ($id == "admin" && $pw == "1234") {
        $message = "로그인 성공!";
    } else {
        $message = "로그인 실패!";
    }
}
?>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>로그인 페이지</title>
</head>
<body>

<h2>GET 방식 로그인</h2>

<form method="GET">
    아이디: <input type="text" name="userid"><br><br>
    비밀번호: <input type="password" name="userpw"><br><br>
    <input type="submit" value="로그인">
</form>

<p><?php echo $message; ?></p>

</body>
</html>

로그인 페이지를 구현하려고 하였으며 실행시키면

아래와 같다.

로그인에 성공하였을 경우

실패하였을 경우

다만, 데이터 베이스 연동은 안했고, 단순 하드코딩 방식을 사용하였으며 get 방식이라서 주소창에 모든 정보가 그대로 노출된다는 단점이 있다.

profile
클라우드 연구하고 통신사 취업을 목표로 하고 있는 돌선생..

0개의 댓글