웹 애플리케이션 만들기

로그인 기능 만들기

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

 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. Kim Liam KunTae
    감사합니다 ㅎㅎ
  2. ubms
    강의 잘 들었습니다.
  3. 정원
    ㅜㅡ
  4. meek
    비밀번호 입렵란에 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만 표기됨
  5. 이근환
    2017-11-29 수강3일차

    수강완료입니다!
  6. 박인호
    11-23
    수강완료.
  7. jys
    11-19
  8. atnskynst
    11/18
  9. 2017년 11월 16일 수강완료
  10. 서성진
    엄청 재미지네요. 감사합니다.
  11. 손재형
    수강완료
  12. 서당개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 완료
        • 9/25완료
        • 다시시작
          완료
        • kimsogic
          감사합니다
        • 효근
          2017.09.20 완료
        • 주주맘마
          완료
        • 공중강습오리
          완료!!
        • 왓떠뻐꺼
          완료했습니다. 감사합니다
        • 완료! 조금 헷갈리네용
        • Hyun Ki Jung
          아... 감사합니다.방금 알려주신대로 실행 해보니 작동 되네요..
          기본적인 실수 였던거 같아요 감사합니다~~
          대화보기
          • Ryan NA
            Hyun Ki Jung 님
            아마 JavaScript의 IF문 조건에서 (숫자+영문) 으로 작성하신 비밀번호에 ""큰 따옴표가 되지 않아 생긴 문제인 듯 싶습니다.
            영문이 문자열이다 보니 Syntax 에러가 난 것 같은데요.
            에러 확인은 크롬에서 F12키(개발자 도구)를 눌러 Console 부분에서 확인 가능하십니다~
          • Hyun Ki Jung
            정말 좋은 수업 감사합니다.

            한가지 문의가 있는데, 자바스크립트 7.php password 설정 중에 1111이 아닌 숫자+영문 또는 영문 조합으로 password 설정 시, 작동을 안하고 있습니다. 숫자 설정만 하면 작동 하더군요

            혹시 그 이유를 알 수 있을까요??? 감사합니다.
          • 효효
            다소 헷갈려서 다시 복습하고 갑니다! :)
          • 중간에 끊기고 다시 복습하면서 ~~!!
            완료!
          • 효효
            완료!
          • Cooldaddy
            진도 뽑았습니다
          • 유상원
            2017-09-10 완료!
          • Lee Seulgi
            프로그래밍을 정말 이해하기 쉽게 잘 알려주시는 것 같아요 너무 재미있어요!!
          • 매력찐
            완료
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기