웹 애플리케이션 만들기

로그인 기능 만들기

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

 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. idiot
    2017.02.18 완료
  2. InSoo
    170217
    감사합니다.
  3. funlife
    강의 감사합니다.
  4. 해커가꿈인사람
  5. 더나은삶
    완료
  6. 프로그래밍초보
    아이디 비밀번호가 동시에 성립하는거 작성하는법.
    ##8-1##
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    </head>
    <body>
    <form action="8-2.php">
    <p>아이디와 비밀번호를 입력하세요.</p>
    <input type="text" name="id">
    <input type="text" name="password">
    <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 == "admin"&& $password == "1111"){
    echo "success";
    } else {
    echo "fail";
    }
    ?>
    </body>
    </html>

    &&이란 연산자를 몰라 한참을 해메었내용ㅋㅋㅋ 모두모두 파이팅!
    &&는 연산자 양쪽이 둘다 참이여야만 if에 true가 걸린답니당.
  7. egoing
    뒤에서 비밀이 풀립니다~
    대화보기
    • 김모씨
      잘 듣고있습니다. 그런데 저런방식이면 비번이 url 주소창에 다 노출되는건데 괜찮나요? 그리고 IF 조건문안에 1111 을 지정해릏고 참,거짓을 묻는방식이면 항상 그 특정비번을 일일이 다 세팅을 해놓아야하나요?(회원이 만명이면 만개의 비번들을?)
    • springstar
      우왕~!

      두번 보니까 이해가 더욱 잘 되네요 ~!

      고잉님 뽐뽀~!
    • 강경호
      감사합니다
      170210
      사용자가 입력한 값중에 password값
      $_GET["password"];
    • 방국봉
      php로는 java에서 했던것처럼 비밀번호입력창이 팝업으로 뜨게 할 수는 없나요?? (prompt이용)
      갑자기 궁금해져서요~!
    • 첨지
      처음으로 조금 어렵게 느꼈던 강의..!
      그만큼 중요한 내용이겠지요!

      여하튼 완료ㅎㅎ
    • 찾았네요 !!
      C:\Users\user\AppData\Local\atom\app-1.13.1\atom.exe
      여기있네요 ㅎㅎ
      대화보기
      • 이런글 올리기 죄송한데 atom io 실행파일이 어딨을까요 ㅠㅠ
        설치다하고 공부하다가 재부팅했는데 다시 실행시키려니깐 어디있는지 모르겠네요.. 바탕화면, 시작화면에도 없고..
        윈도우 7인데 어디에 설치되어있을까요..??
      • 하루에 한 강의 라도 열심히 20170120 완료.
      • 임성은
        감사합니다^^!!
      • 잘 봤습니다!
      • 문돌이
        오늘은 여기까지!
        감사합니다 :)
      • macbookrgh55
        2017-01-04
        1:57 pm 잘봤습니다
        그런데 지금은 안 외우고 못이해해도되겠죠?
      • 쌘진
        2017-01-02 완료
      • 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은 머고 왜 뜨는거죠;
      • #코스머스#
        16-12-22 완료
        이고잉님 감사합니다.
      • 완료
      • 전희우
        16.12.15 시청완료
      • harris
        2016.12.01 1512 완료
      • 김수환
        도움이 많이되었습니다. 웹개발자가 될때까지 화이팅!
      • 박현민
        ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
        대화보기
        • 행머
          <!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가지 경우가 조건문 돌려봤는데 다되네요
          이런맛에 프로그래밍 배우는군요ㅎㅎ
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기