생활코딩

Coding Everybody

코스 전체목록

닫기

로그인 기능 만들기

자바스크립트로 로그인 기능 구현하기 

 7.php

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
</head>
<body>
  <script>
    password = prompt("비밀번호");
    if(password == 1111) {
      document.write("안녕하세요. 주인님");
    } else {
      document.write("뉘신지?");
    }
  </script>
</body>
</html>

PHP로 로그인 기능 구현하기 

 8-1.php

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
</head>
<body>
  <form action="8-2.php">
      <p>비밀번호를 입력해주세요.</p>
      <input type="text" name="password">
      <input type="submit">
  </form>
</body>
</html>

8-2.php

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
</head>
<body>
  <?php
    $password = $_GET["password"];
    if($password == "1111"){
        echo "주인님 환영합니다";
    } else {
        echo "뉘신지?";
    }
   ?>
</body>
</html>

 

소스코드

github

댓글

댓글 본문
작성자
비밀번호
  1. 지나가는 설명충
    지나가는 설명충입니다만..
    php 는 에초에 웹서버에서 해석이 되는 친구라
    일반적인 웹브라우저(크롬같은거)에서는 해석을 아예 못하고요.
    우리가 설치한 웹서버(비트나미)에 php 를 올려놔야 php 파일을 온전히 해석할수 있는것이고 그걸 또 웹 브라우저에 가져다 놓는 것같습니다 (제가 이해한 바로)
    대화보기
    • 바다의왕자
      설명 고맙습니다.
    • 정한겸
      재밌어요
    • sung박
      사용자가 입력한 것을 우리가 받아내는 방법 입력한값에 따라 다르게 동작 앱, 게임 등등 마찬가지 ?뒤에가 입력받는 부분
    • 네오라인P
      비밀번호칸에 영어나 한글을 넣을 수는 없나여?
    • Jinsoo Choi
      감사합니다 :)
    • jy1234
      감사합니다.
    • 라이언
      18.04.11 수강 - 감사합니다
    • 이지호
      egoing님 덕분에 저 홈페이지도 잘나가고 있다능
    • 누구님
      18.02.08, 감사합니다
    • keenager
      아래 Nova님께서 8-1.php에서 8-2.php로 넘어가지는데, 결과가 출력되지 않는다고 하셨는데요.
      저도 같은 증상으로 이리저리 찾아보다가 해결방법을 찾았습니다.
      저같은 경우에는 atom 편집기에서 크롬 브라우저로 php파일을 그대로 드래그해서 실행시키다 보니까
      주소창에 "file:///C:/Bitnami/wampstack-7.1.13-0/apache2/htdocs/phpjs/8-1.php" 이렇게 나타났는데
      이걸 "localhost/phpjs/8-1.php"로 바꾸니 정상적으로 실행됩니다.
      localhost로 서버를 통해 접근해야 php가 실행된다고 하네요.
      저와 다른 원인일 수도 있지만, 혹시나 도움이 될지도 모르겠다는 생각에 남겨봅니다.

      그리고 매번 강의 들으면서도 처음 인사말 남깁니다.

      egoing님, 진심으로 감사드립니다.
    • Esan Woo
      js를 이용한 로그인 기능은 Ctrl + U 를 이용하면 바로 클리어로군요
    • picohiyo
      20180120
    • 슝태
      20180113
    • 2018/1/1
      감사합니다.^^
    • 잘들었습니다
    • tonypark
      아주 잘 만들었네요
    • PassionOfStudy
      17-12-23 5일차 - 6번째 강의

      수강완료!

      ------------------------------------------------------------------------------------------------
      @ 로그인 기능 구현
      - JavaScript 코드참고
      - PHP 코드참고
      (...말로 표현하려고 하니 조금 뒤죽박죽...)
      ------------------------------------------------------------------------------------------------
    • Kim Liam KunTae
      감사합니다 ㅎㅎ
    • 강의 잘 들었습니다.
    • 정원
      ㅜㅡ
    • 비밀번호 입렵란에 1111 이렇게 보이는게 아닌 ****이렇게 보이고 싶다면
      8-1 파일에<input type="text" name="password">부분의 type="text"를 type="password"로 바꿔주면 된다

      또 8-1 파일에 입력한값을 url에 표기하지 않고 보내고 싶다면 <form action="8-2.php">에 method="post"라는 속성을 추가하고 8-2파일에 GET_[password]로 받는게 아닌 POST_[password]로 받으면 된다
      (method="post"속성이 없다면 기본값은 GET) url에 localhost/phpjs/8-2.php만 표기됨
    • 이근환
      2017-11-29 수강3일차

      수강완료입니다!
    • 박인호
      11-23
      수강완료.
    • 11-19
    • atnskynst
      11/18
    • 2017년 11월 16일 수강완료
    • 서성진
      엄청 재미지네요. 감사합니다.
    • 손재형
      수강완료
    • 서당개3년
      조건문이 여러개인 이유
      1. 아이디 일치, 비밀번호 일치
      2. 아이디 일치, 비밀번호 불일치
      3. 아이디 불일치, 비밀번호 일치
      4. 아이디 불일치, 비밀번호 불일치
      대화보기
      • 서당개3년
        저도 살짝 바꿔봤슴돠
        [8-1]
        --------------------------------------------------------------------------------------------------
        <!DOCTYPE html>
        <html>
        <head>
        <meta charset="utf-8">
        </head>
        <body>
        <form action="8-2.php">
        <p>아이디와 비밀번호를 입력해주세요.</p>
        <input type="text" name="id" placeholder="아이디"><br>
        <input type="text" name="password" placeholder="비밀번호">
        <input type="submit">
        </form>
        </body>
        </html>
        --------------------------------------------------------------------------------------------------
        [8-2]
        --------------------------------------------------------------------------------------------------
        <!DOCTYPE html>
        <html>
        <head>
        <meta charset="utf-8">
        </head>
        <body>
        <?php
        $id = $_GET["id"];
        $password = $_GET["password"];
        if ($id == "본인취향대로" && $password == "본인취향대로") {
        echo "어서 오이소~";
        } else if ($id != "본인취향대로" && $password == "본인취향대로") {
        echo "마! 니 누고?";
        } else if ($id == "본인취향대로" && $password != "본인취향대로")
        {
        echo "마! 니 누고?";
        } else if ($id != "본인취향대로" && $password != "본인취향대로")
        {
        echo "마! 니 누고?";
        }
        ?>
        </body>
        </html>
        --------------------------------------------------------------------------------------------------
        * 만약 해보시고 뭔가 안되신다면 죄송합니다^^;;
      • I love computer
        제가 응용해서 만들어 봤어요!
        ~~~~~~~~~~~~~~~~~~~~~~~~
        <!DOCTYPE html>
        <html>
        <head>
        <meta charset="utf-8">
        </head>
        <body>
        <form action="8-2.php">
        <p>비밀번호와 아이디를 입력해 주세요!</p>
        아이디<input type="text" name="id"><br>
        비밀번호<input type="text" name="password">
        <input type="submit">
        </form>
        </body>
        </html>
        ~~~~~~~~~~~~~~~~~~~~~~~
        <!DOCTYPE html>
        <html>
        <head>
        <meta charset="utf-8">
        </head>
        <body>
        <?php
        $id = $_GET["id"];
        $hello_print = "안녕하세요"."$id"."님";
        $password = $_GET["password"];
        if ($id == "I love computer" && $password == "cccooommmpppuuuttteeerrr") {
        echo "$hello_print";
        }else if ($id == "hello" && $password == "wow_wow") {
        echo "$hello_print";
        }else if ($id == "happy" && $password == "I`m happy!") {
        echo "$hello_print";
        }else if ($id == "sad" && $password == "ㅠㅠ") {
        echo "$hello_print";
        }else{
        echo "죄송하지만 회원 정보에 없습니다ㅠㅠ<br>";
        echo "아이디 또는 패스워드를 확인해 주세요.";
        }
        ?>
        </body>
        </html>
        ~~~~~~~~~~~~~~~~~~~~~~~~~~
        끝!
      • 재미있어요!!
      • 소소대담
        수강완료했습니다. 확실히 새로운 명령어가 나오니 점점 복잡해지네요. 정말 영문법같이 컴퓨터의 문법을 배운다는 말이 실감납니다.
      • 구본혁
        수강완료했습니다.
      • 하태
        Php버전만 다른 페이지로 넘어가길래 자바스크립트버전으로 넘어가게하는 방법은 없을까해서 계속연구햤는데
        결국답에 도달못해서 질문드려요 ㅠㅠ
        다른건 다 이해가되는데 js버전으로할땐 $_[""]대신 뭘넣어야지 다른페아지로 넘어가서 열릴까요 ...???
      • Jeoung Myung Hyun
        어 이제부터 머리가 좀 어지럽네요 ㅎㅎ;;;
      • 열정을가진
        감사합니다
        대화보기
        • 8-1.php 와 8-2.php 를 직접 작성해보았습니다.
          그런데 크롬에 넣어보니 8-1에서 비빌번호를 제출하면 8-2로 넘어가긴 하는데 "주인님 환영합니다" 또는 "뉘신지?" 가 출력 되지 않습니다.
          혹시나해서 위 코드를 그대로 복사해서도 해 보았지만 역시 "주인님 환영합니다" 또는 "뉘신지? 가 출력 되지 않습니다.
          무엇이 문제 일까요?
        • 영어 다음에 배워야 할 언어
          ; 를 빼서 그러신듯 합니다.
          $_GET["password"];

          echo "주인님 환영합니다";
          대화보기
          • 열정을가진
            8-2.php 계속 에러가 나는데... 뭐가 잘못되었을까요?

            <?php
            $password = $_GET["password"]
            if($password == "1111"){
            echo "주인님 환영합니다."
            }else {
            echo "뉘신지?";
            }
            ?>
          • Hyunjae Lee
            10/5
          • sst8872
            php는 어렵군요. ㅠㅠ
          • 파이쏭
            9월28일 흐아 ~
          • 참치군주
            0929
          • 09/28 COMPL
          • 강수경
            0928
          • Dongwon Shin
            수간완료했습니다.
          • 알파고
            9/28
          • 9/27 완료
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기