(웹 보안) 기초 - 웝사이트 제작 1일차

2020. 10. 10. 23:40보안 연구/WEB

반응형

 

웹 보안을 하기 전에 일단 전반적인 웹 코드를 이해하기 위해 직접 웹 사이트를 만들기로 하였다.

구현하려는 사이트는 개인 공부 글을 저장하는 공개 게시판이다.

 

개발 환경은 구름 ide를 이용하여 APM을 설치 후 아파치 기본 경로를 설정함.

(사이트 접속시 기본 페이지를 보여주기 위함임.)

 

일단 html로 기본 메인 페이지를 간단히 작업함.

(로그인 폼이 너무 후지다....)

 

<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8">
		<style>
			body{
				background-image: url('./code.jpg');
				background-color: black;
				background-repeat: no-repeat;
				filter: brightness(150%);
			}
			
			h1{
				font-size: 8em;
 				margin-top: 0.67em;
  				margin-bottom: 0.15em;
  				margin-left: 0;
  				margin-right: 0;
  				font-weight: Corbel;
				color: white;
			}
			
			h2{
 				margin-top: 0.67em;
  				margin-bottom: 0.67em;
  				margin-left: 0;
  				margin-right: 0;
  				font-weight: Corbel;
				color: white;
			}
			
			p{
				font-size: 1.0em;
  				font-weight: Corbel;
				color: white;
			}
			
		</style>
	</head>
	
	
	
	<body>
		<h1 style="text-align:center;">Cyber Security</h1>
		<hr color="white" size="8px" width="750px">
		
		<p align="center">Welcome to SecuLab</p>
		<br>
		<br>
		<br>
		<br>
		<br>
		
	<form action="./login.php" method="post">
		<p>
			<strong>아이디</strong>
			<input type="text" name="id" value="아이디 입력">
		</p>
		<p>
			<strong>비밀번호</strong>
			<input type="password" name="password" value="비밀번호 입력">
		</p>
		<input type="submit" value="Go" />
	</form>
		
		
	
	
	</body>
</html>

아직 html이 익숙하지도 않고, html에서 php로 인자를 넘기고 , 다시 쿼리문으로 넘기는 부분이 공부가 안 되어 있다...

일단 기본페이지의 틀을 만들었으니 다음 시간에는 로그인 성공, 실패, 예외 처리를 하는 페이지를 구현할 것이다.

 

 

반응형

'보안 연구 > WEB' 카테고리의 다른 글

SPAM - basic analysis  (0) 2022.02.27
DB 보안 - Prevention of inference(추론 방지)  (0) 2022.01.09
(웹 보안) 기초 - 웹사이트 제작 2일차  (0) 2020.10.15