[normaltic 취업반 5기] 2023-10-25 1주차 과제

Web Server 경로

 

 

웹 서버 루트 경로 : ~/webDev/webApp
루트 경로 내 디렉터리 및 파일: css, html, php, index.html

 

index.html 파일

 

 

• index.html 파일은 인사말과 버튼 두 개로 이루어져 있다. 
• 로그인 버튼을 누르면 로그인 페이지로 이동하도록 구현되어있다.
• 회원가입 버튼을 누르면 회원가입 페이지로 이동하도록 구현되어 있지만 현재 회원가입 페이지는 개발 단계

 

login.html 파일

 

 

• 로그인 페이지에서는 <form> 태그 안에 <input> 태그로 ID, Password를 입력하는 공간을 구현하였다.
• 데이터 전달 방식을 POST 메서드를 사용함으로써 URL에 표시되지 않게 구현하였고 action 속성에 입력된 데이터를 전달하는 파일로 login.php를 입력하였다. 
• '로그인' 버튼을 누르게 되면 ID, Password에 입력된 데이터를 login.php 파일로 전송하도록 구현하였다.

 

login.php 파일

 

로그인 성공했을 경우

로그인 실패했을 경우

 

• 전달받은 id, passwd 값을 $id, $passwd 변수에 각각 저장하고 $result 변수를 선언한다.
• $id==admin이고 $passwd==admin1234 일 경우 $result 변수에 "성공" 문자열을 저장한다. 하나라도 틀릴 경우 $result 변수에 "실패" 문자열을 저장한다.
• 변수 처리가 모두 종료되면 화면에 전달받은 데이터와 전달받은 데이터로 인한 결과가 나타난다.
• 결과 확인 후 '로그인 페이지로 돌아가기' 버튼을 클릭하게 되면 다시 login.html 파일로 안내해 준다.

 

css 파일