웹 애플리케이션 만들기

로그인 기능 만들기

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

 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. 하루에 한 강의 라도 열심히 20170120 완료.
  2. 임성은
    감사합니다^^!!
  3. hjlee
    잘 봤습니다!
  4. 문돌이
    오늘은 여기까지!
    감사합니다 :)
  5. macbookrgh55
    2017-01-04
    1:57 pm 잘봤습니다
    그런데 지금은 안 외우고 못이해해도되겠죠?
  6. 쌘진
    2017-01-02 완료
  7. html어려워
    오픈튜토리얼스 엄청 오랜만이네요.
    이번 방학에 웹 마스터 하기로 마음먹은 html어려워입니다.
    질문 하나가 있어서 왔습니다.

    index.php

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>로그인</title>
    </head>
    <body>
    아이디와 비밀번호를 입력해주세요: <br>
    <form class="" action="/login/process.php" method="post">
    <input type="text" name="id" value="아이디">
    <input type="password" name="password" value="비밀번호">
    <input type="submit" name="로그인" value="로그인">
    </form>
    </body>
    </html>

    process.php

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>로그인</title>
    </head>
    <body>
    <?php
    $id = $_POST["id"];
    $password = $_POST["password"];
    if(
    ($id == 'henryhaechan' or $id == 'k8805'
    and
    $password == '111111'
    ){
    echo '<meta http-equiv="refresh" content="0;url=right.php">';
    } else {
    echo '<meta http-equiv="refresh" content="0;url=wrong.php">';
    }
    ?>
    </body>
    </html>

    라고 html 문을 썼는데
    index.php까진 잘 가더만
    process에서 html error 500이 뜨더군요.
    error 500은 머고 왜 뜨는거죠;
  8. #코스머스#
    16-12-22 완료
    이고잉님 감사합니다.
  9. 완료
  10. 전희우
    16.12.15 시청완료
  11. harris
    2016.12.01 1512 완료
  12. 김수환
    도움이 많이되었습니다. 웹개발자가 될때까지 화이팅!
  13. 박현민
    ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
    대화보기
    • 행머
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      </head>
      <body>
      <script>
      password = prompt("비밀번호");
      if(password == 1111) {
      document.write("안녕하세요, 주인님.");
      } else {
      document.write("뉘신지?");
      }
      </script>
      </body>
      </html>


      첫 번째에 비밀번호 1111 입력해서 '안녕하세요, 주인님.' 이라고 브라우저에 뜬 후,

      다시 로그인을 시도하려고 새로고침을 하면,

      로그인창이 뜨지만 브라우저에 이전 로그인 결과인 '안녕하세요 주인님'이 남아있습니다.

      강의상의 실행에서는 새로고침하면 아예 백지상태로 없어지던데..

      저는 왜 이전 결과가 브라우저에 남을까요?
    • Bogwang Jung
      11.13 완료
    • 완료
    • 김동혁
    • 활화산
      몸에 익어야 감이 오는 내용들이 시작되는 것 같네요. 지진이 좀씩 나기 시작
    • San Koh
      2016. 10. 25. 완료했습니다.
    • Shinkyu Lee
      한 참 딴짓하고 돌아 왔더니 ....
      깃발을 놓쳤읍니다. 어디서부터 따라 가야 하는지 .....
    • 수강완료
      감사합니다
    • 데브시
      웹 공부하느라 생활코딩 곳곳마다 쏘다니며 이것저것 배우고 있는데 참 멋진 사이트임을 계속 깨닫네요~ 감사합니다.
    • Gayong Sim
      자바스크립트로 만드는건 이해가 잘 됐는데, 오히려 보충을 위해 php 넣어주신 부분이 더 어렵네요 ㅠㅠ
      이제 정신차리고 봐야겠다..
    • Gayong Sim
      2016. 10. 18. 완료
    • smexshin@gmail.com
      아래와 같이 비밀번호를 0으로 시작해서 네자리를 만드니까 정확히 입력해도 자꾸 거짓이라고 뜹니다.
      0100 이 아닌 0000 으로 하면 또 되는데 뭐가 문제일까요...?
      (또 0900 넣으면 참으로 나오는데. 0300 넣으면 참이라고 안나와요..)

      <script charset="UTF-8">
      password = prompt ("password")
      if (password == 0100)
      {document.write ("Welcome SMEX");}
      else
      {document.write ("Opps! it's wrong");}
      </script>
    • 종느미
      localhost/phpjs/8-1.php/
      에서 비밀번호 입력하고 제출하면

      localhost/phpjs/8-2.php?password=1111 로 이동하는 것이 아니라
      localhost/phpjs/8-1.php/8-2.php?password=1111 로 이동되서 창 변환이 없어요..ㅠㅠ

      8-1.php에서 <form action = "8-2.php"> 로 맞게 했는데 왜그런거죠 ?ㅠㅠ
    • html어려워
      드디어 비번 추가하고, 비번이 맞아야 리다이렉트되게 만들었네옄ㅋㅋㅋㅋㅋㅋ
      하ㅠ 언제쯤 수업 마칠라나....
      (데헷)

      p.s. 어디로 이동되는지 모르게 할려면 사이트를 여러개로 나눠야 하네여ㅠ
      (귀찮다 ㅇㅅㅇ)
    • v
    • 최현승
      161004완료
    • 이성진
      수강 완료!
      좋은 강의 항상 감사 드립니다~
    • 최실장
      16/10/1 수강완료
    • DECIMO
      2016.09.27 감사합니다.
    • 저는그냥 수업만 듣고 있는데 다른 분들은 이것저것 응용을 많이 하시고 있군요. 하나 하나 알게 되는 것에 감사 드리고 이런 프로그램을 운영해 주셔서 너무 감사 드립니다.
    • 이수재
      수강완료 09/21
    • 2016/09/17 완료
    • 임지호
      둘다맞은경우 id만 맞은경우 비밀번호만 맞은경우 둘다 틀린경우
      총 4가지 경우가 조건문 돌려봤는데 다되네요
      이런맛에 프로그래밍 배우는군요ㅎㅎ
    • Kim Hyeon-seok
      완료
    • Jaehyun Han
      감사합니다!!
    • 형진
      완료 2016.8.20
    • html어려워
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>
      로그인
      </title>
      </head>
      <body>
      <script>
      password = prompt("비밀번호");
      if(password == 1111) {
      document.write("안녕하세요. 주인님");
      location.href = "http://www.naver.com";
      } else {
      document.write("뉘신지?");
      }
      </script>
      </body>
      </html>

      여기서 location.href에 정지를 2초동안 주고 싶은데요,
      자바스크립트에는 일시정지 명령어가 없나요?
    • 제리피
      2016.08.17 완료
    • 공돌이
      고슈진 사마라니//강사님의 사심이?!
    • GunLoc
      입력받은값을 submit을 통해 8-2.php로 보내고,
      $_GET["넘어온값의 name명"]; 으로 그 입력받은값을 가져오는것이군요.
      가져온값을 이용해 if문으로 그 값이 참,거짓인지 확인하는거구요~
      감사합니다.
    • Code.Math
      감사합니다~~!!
    • 수강완료!
    • 김종엽
      2016.08.08 완료!
    • Wookiiis
      잘 보았습니다. :)
    • 수강완료
    • 차누
      수강완료
    • 이현아
      감사합니다.
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기