WEB

[PHP]PHP 홈페이지 만들기1 - 회원가입, 로그인, 로그아웃

aimee418 2023. 4. 20. 08:36

“ 지연되는 프로젝트에 인력을 더 투입하면 오히려 더 늦어진다. ”

- Frederick Philips Brooks
Mythical Man-Month 저자
728x90
반응형

PHP를 이용하여 웹페이지 만들기

01. PHP란

02. 회원가입 페이지, 로그인 페이지, 로그아웃 페이지

 

 

🚨. PHP 뭔가요?

PHP는 서버 측 웹 개발 언어로, 동적 웹 페이지를 생성하는 데 사용됩니다. 유사 프로그램으로는 Java, Python, Ruby 등이 있습니다. 각각의 언어는 고유한 특징을 가지고 있으며, 비교적 장단점이 있습니다. PHP는 문법이 쉽고 배우기 쉬우며, 다른 언어와 호환성이 높아 웹 개발에 유용합니다. 또한 PHP는 웹 개발을 위한 다양한 라이브러리와 프레임워크가 많이 존재하며, 대부분 무료로 사용할 수 있습니다.
Java는 PHP와 비슷한 웹 개발 언어입니다. Java는 PHP보다 엄격한 문법 규칙과 더 많은 기능을 제공합니다. 그러나 Java의 배우기 어렵고 복잡한 구조로 인해 초기 설정 및 개발 시간이 더 오래 걸릴 수 있습니다.
Python은 PHP와 다른 측면이 많습니다. Python은 빠른 개발과 쉬운 배우기를 위한 도구를 제공하며, 코드의 가독성과 유지 보수를 쉽게 할 수 있습니다. 하지만 Python은 PHP보다 성능이 떨어지는 경향이 있습니다.
Ruby는 PHP와 비슷한 언어로, 빠른 개발과 유지 보수를 위한 도구를 제공합니다. Ruby는 PHP보다 더 쉽고 간결한 문법을 가지고 있습니다. 그러나 Ruby는 PHP보다 상대적으로 느린 성능을 가지고 있습니다.
따라서 PHP는 웹 개발을 위한 쉽고 빠른 언어로 인기가 있으며, 다른 언어와 비교하여 높은 호환성과 다양한 라이브러리 및 프레임워크를 제공합니다. 
향후 PHP의 전망은 여전히 밝습니다. PHP 8.0은 JIT 컴파일러를 포함하여 성능을 향상시켰으며, 사용자 정의 어트리뷰트와 같은 새로운 기능을 도입하였습니다. 또한 PHP는 여전히 인기 있는 언어 중 하나이며, WordPress와 같은 유명한 CMS에서 사용되고 있습니다.

 

 

🏁. PHP 사용법

  1. 웹 서버 설치: PHP를 실행하기 위해서는 웹 서버가 필요합니다. 대표적인 웹 서버인 Apache, Nginx 등을 설치할 수 있습니다. (현재 MAMP로컬서버를 구축하여 작성하였습니다.)
  2. PHP 설치: PHP를 다운로드하여 웹 서버에 설치해야 합니다. PHP 공식 웹 사이트(https://www.php.net/)에서 다운로드할 수 있습니다.
  3. 개발 도구 설치: PHP 코드를 작성하고 편집하기 위한 개발 도구가 필요합니다. 대표적으로는 Visual Studio Code, Sublime Text, PHPStorm 등이 있습니다.
  4. PHP 코드 작성: PHP 파일의 확장자는 ".php"입니다. PHP 코드를 작성하려면 이러한 파일을 생성하고, 웹 페이지를 동적으로 생성하기 위한 코드를 작성해야 합니다. 예를 들어, 다음과 같은 코드를 작성할 수 있습니다.
<!DOCTYPE html>
<html>
<head>
   <title>PHP 예시</title>
</head>
<body>

<?php 
   // PHP 코드 시작
   $name = "John Doe"; // 변수 선언
   echo "<h1>Hello, " . $name . "!</h1>"; // 변수와 문자열 결합하여 출력
   // PHP 코드 끝
?>

</body>
</html>

   5. 웹페이지 실행: 작성한 PHP 파일을 웹 브라우저에서 실행하여 동적으로 생성된 웹 페이지를 확인할 수 있습니다. 웹         페이지는 웹 서버를 통해 요청되며, PHP는 서버 측에서 실행되어 HTML 코드로 변환되어 클라이언트에게 전송됩니다.

 

✈. 회원가입 페이지

//회원가입
<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>로그인 페이지</title>

    <?php include "../include/head.php" ?>
</head>

<body class="gray">
    <?php include "../include/skip.php" ?>
    <!-- //skip -->
    <?php include "../include/header.php" ?>
    <!-- //header -->
    <main id="main" class="container">
        <div class="login__inner">

            <h2>로그인</h2>
            <p>로그인을 하시면 게시글 및 댓글 작성이 가능합니다<br>회원가입을 하시면 로그인이 가능합니다.<br>admin@admin.com/1234<< /p>
                    <div class="login__form btStyle bmStyle">
                        <form action="loginSave.php" name="loginSave" method="post">
                            <fieldset>
                                <legend class="blind">
                                    로그인영역
                                </legend>
                                <div>
                                    <label for="youEmail" class="blind required">이메일</label>
                                    <input type="email" id="youEmail" name="youEmail" class="inputStyle" placeholder="이메일을 적어주세요!" required>
                                </div>
                                <div>
                                    <label for="youPass" class="blind required">비밀번호</label>
                                    <input type="password" id="youPass" name="youPass" class="inputStyle" placeholder="비밀번호를 적어주세요!" required>
                                </div>
                                <button type="submit" class="btnStyle2 mt20">로그인</button>
                            </fieldset>
                        </form>
                    </div>
                    <div class="login__footer">
                        <ul class="listStyle2">
                            <li>회원가입을 하지 않았다면 회원가입을 해주세요 <a href="join.html">회원가입</a></li>
                            <li>아이디가 기억나지 않는다면 <a href="">아이디찾기</a></li>
                            <li>비밀번호가 기억나지 않는다면 <a href="">비밀번호찾기</a></li>
                        </ul>
                    </div>
        </div>
    </main>

 

✈. 로그인 페이지

//로그인
<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>로그인 페이지</title>

    <?php include "../include/head.php" ?>
</head>

<body class="gray">
    <?php include "../include/skip.php" ?>
    <!-- //skip -->
    <?php include "../include/header.php" ?>
    <!-- //header -->
    <main id="main" class="container">
        <div class="login__inner">

            <h2>로그인</h2>
            <p>로그인을 하시면 게시글 및 댓글 작성이 가능합니다<br>회원가입을 하시면 로그인이 가능합니다.<br>admin@admin.com/1234<< /p>
                    <div class="login__form btStyle bmStyle">
                        <form action="loginSave.php" name="loginSave" method="post">
                            <fieldset>
                                <legend class="blind">
                                    로그인영역
                                </legend>
                                <div>
                                    <label for="youEmail" class="blind required">이메일</label>
                                    <input type="email" id="youEmail" name="youEmail" class="inputStyle" placeholder="이메일을 적어주세요!" required>
                                </div>
                                <div>
                                    <label for="youPass" class="blind required">비밀번호</label>
                                    <input type="password" id="youPass" name="youPass" class="inputStyle" placeholder="비밀번호를 적어주세요!" required>
                                </div>
                                <button type="submit" class="btnStyle2 mt20">로그인</button>
                            </fieldset>
                        </form>
                    </div>
                    <div class="login__footer">
                        <ul class="listStyle2">
                            <li>회원가입을 하지 않았다면 회원가입을 해주세요 <a href="join.html">회원가입</a></li>
                            <li>아이디가 기억나지 않는다면 <a href="">아이디찾기</a></li>
                            <li>비밀번호가 기억나지 않는다면 <a href="">비밀번호찾기</a></li>
                        </ul>
                    </div>
        </div>
    </main>

✈. 로그아웃 페이지

//로그아웃
<?php

    include "../connect/session.php";

    unset($_SESSION['memberID']);
    unset($_SESSION['youEmail']);
    unset($_SESSION['youName']);

    Header("Location: ../main/main.php");
?>

'WEB'의 다른글

  • 현재글[PHP]PHP 홈페이지 만들기1 - 회원가입, 로그인, 로그아웃
댓글

티스토리툴바