웹 애플리케이션 만들기

로그인 기능 만들기

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

 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. Seo Yun Seok Tudoistube
    전달되온 변수값을 받을때는 $_GET["?다음의 변수명"]; 으로 하는군요. 감사합니다^_____^
  2. 송재욱
    완주 완료 !!
  3. 허스키
    완주했습니다
  4. 쿠쿠다스
    감사합니다~!
  5. 슈퍼디벨로퍼
    완료1!!!
  6. 박지수
    좋은 응용문제 내주셔서 감사합니다. 저도 따라 해보니, 실력향상에 크게 도움이 되었습니다.
    대화보기
    • 위니위니
      쉽진 않았네요......ㅠㅠ
    • 한신웅
      쉽진 않았지만.. 재밌네요..!
    • 마우스휠
      홈페이지에서 마우스 휠이 안먹네요.
      다른 프로그램 및 크롬의 다른창에서는 휠이 동작하는것을 보니 마우스의 문제는 아니구요,
      해당 홈페이지에 휠 부분이 문제가 있는 것 같습니다.
    • supremejp
      <script>
      passworld = prompt("비밀번호");
      document.write("passworld = "+password);
      if(password==1111){
      document.write("안녕하세요. 주인님");
      }
      여기서 passworld =
      안녕하세요. 주인님 처럼 줄 바꾸기하고 싶은데
      제가 알아낸 방법은 "<br>안녕하세요.주인님" 밖에 없는데, 다른 방법도 혹시 있나요?
    • 장장
      get방식인 경우 url의 ? 뒷부분 (예를들어 http://localhost......yyy)을 문자열로 가져옵니다. 또한 이 경우에는 비밀번호가 숫자만 존재했지만 알파벳이 들어갈 경우도 존재할테니 숫자값(integer)로 비교를 하게되면 에러가 발생할 수 있기 때문에 "1111"로 하신 것으로 생각되요!
      대화보기
      • ㅎㅎ
        대화보기
        • 14번째
          3.19.
        • 센스쟁이v
          감사합니다..^^;
          대화보기
          • egoing
            데이터가 문자로 들어오거든요.

            https://www.google.co.kr......F-8
            대화보기
            • 센스쟁이v
              안녕하세요 ㅎㅎ 강의 잘 보고 있습니다.
              8-2.php 코드 if($password == "1111") 부분에서 1111을 큰 따음표에 둘러싼 이유가 있나요?
              숫자값이라서 그냥 1111로 써야하는거 아닌가해서 질문올립니다.
            • 고은정
              로그인 입력.php (사용자가 보는페이지)
              <form action = "처리페이지.php">
              <p> 비밀번호를 입력해주세요 </p>
              <input type="text" name="비밀번호">
              <input type="submit">
              </form>

              처리페이지.php
              <?php

              $password = $_GET["비밀번호"];
              if($password == 진짜비밀번호){
              echo 로그인성공;
              }else{
              echo 로그인실패;
              }
              ?>
            • Jaeeui Kwon
              20170310
            • 글로리아
              재미있어요. 로그인
            • 첨지
              힘겹게 완료ㅠㅠ
            • 미싱프로그램
              <?php
              $password = $_GET["password"];
              if(password == "감동")
              {
              echo "대박 강의 감사~";
              } else
              {
              echo "그래도 감사~";
              }
              ?>
            • 2017.02.18 완료
            • 170217
              감사합니다.
            • funlife
              강의 감사합니다.
            • 해커가꿈인사람
            • 더나은삶
              완료
            • 프로그래밍초보
              아이디 비밀번호가 동시에 성립하는거 작성하는법.
              ##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가 걸린답니당.
            • 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 완료
                  버전 관리
                  egoing
                  현재 버전
                  선택 버전
                  graphittie 자세히 보기