본문 바로가기
Coding/WebApp

로그인기능만들기

by 그냥그렇듯이 2017. 8. 14.
반응형

모든 저작권은 <생활코딩>의 생산자인 <egoing>님에게 있습니다.

문제시, 비공개로 전환하겠습니다.


<로그인 기능 만들기>


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

사용자의 Input을 받아들이는 것은 JavaScript와 php만이 할 수 있다.

아래 예제는 그저 예제일 뿐이다.

JavaScript

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

</head>

<body>

<script>

  password = prompt("비밀번호")

  //document.write(password);

  if(password==1111){

    document.write("안녕하세요. 환영합니다!");

  } else {

    document.write("누구세요?");

  }

</script>


</body>

</html>




- PHP로 로그인 기능 구현하기-

url 주소의 변화를 유의깊게 봐야한다.

보안의 맹점이될 수 도 있다(?)

8-2.php는 password값에 따라 다르게 동작한다.

즉, 8-2는 password값을 인식하고 검증할 수 있어야한다. => 조건문

 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>

<8-1.php>
form tag안에 action 속성이 가리키는 것을 열면서 사용자가 입력한 정보를 넣어라
url에 표기되는 방법: http://localhost:8080/phpjs/8-2.php?password=1111

<8-2.php>
<?php echo ["password"]; ?>
<?php $password = $_GET["password"]; ?>

조건문의 값에 따라서 동작 종류가 다양해진다.

Input = Output

댓글