모의해킹용 웹 페이지 제작#1-1 ( 페이지 수정 ) Ubuntu(20.04.06 LTS) [Apache, MariaDB, PHP]

게시 2023/08/14 업데이트 2026/04/11

By Mokky

4 분읽는 시간

날짜: Web Hacking URL: https://blog.naver.com/PostView.naver?blogId=ththth03&logNo=223183753670&categoryNo=&parentCategoryNo=1&from=thumbnailList

모의해킹용 웹 페이지 제작#1-1 ( 페이지 수정 ) Ubuntu(20.04.06 LTS) [Apache, MariaDB, PHP]

내가 처음에 기획했던 페이지는 회원가입, 로그인, 게시판이다.

따라서, login.php를 index.php로 바꿔 웹의 시작을 로그인 화면으로 바꿨다.

다음으로, 회원가입, 로그인 페이지의 코드들을 내 입맛대로 바꿔보았다.

로그인 화면에서 회원가입 페이지로 이동할 수 있는 버튼 만들기
로그인과 회원가입 성공시, 알림창으로 성공했다고 알려주고 ~ok.php로 이동하지 않게 하기
회원가입 성공시, 로그인 페이지로 이동하기
로그인 성공시 게시판 페이지로 이동하게 하기

를 진행했다.

이렇게 페이지를 수정하기 위해 습득한 것들은 아래와 같다.

echo ' ';

텍스트나 변수값을 출력할 때 사용되는 php 함수

<script> </script>

페이지에 어떠한 기능을 주고자 할 때 사용하는 html 태그

alert("띄우고 싶은 말");

알림창을 띄워주는 자바스크립트 함수

나는 ‘$username’이라는 변수를 사용했기에 내가 코드는 아래와 같다.

왜인지는 모르겠지만, echo ' '안에 넣을 때는

쌍따옴표(“)와 따옴표(‘)를 교차하여 사용해야 한다고 한다.

window.location.href = "페이지 주소";

해당 링크나 해당 페이지로 이동시켜주는 자바스크립트 프로퍼티(property)

alert() 다음에 이 코드를 작성하게 되면, 알림창을 끈 뒤에 다른 페이지로 이동하게 된다.

게시판 페이지로 이동시킬 때 작성한 코드는 아래와 같다.

alert와 window.location.href는 자바 스크립트를 통해 실행된다.

때문에 <script> </script> 안에 넣어줘야 한다.

추가로, 나는 <?php ?> 안에서 자바 스크립트를 사용하고자 했기 때문에,

echo ' '; 안에 넣어줬다.

최종적으로 이 2개를 사용한 코드는 아래와 같다.

<button> </button>

버튼을 만들어주는 html 태그

나는 ‘회원가입’이라고 써있고,

해당 버튼을 누르면 회원가입 페이지로 이동시키는 코드를 작성하였다.

<a href="URL/php 파일명">글자</a>

하이퍼링크를 만들어주는 html 태그

말 그대로 누르면 해당 링크로 이동할 수 있는 글자를 만드는 것이다.

예를 들어, 네이버로 이동시키고자 하면 아래와 같이 작성할 수 있다.

최종적으로, 나는 loginok.php와 registerok.php는 삭제하고

index.php, register.php, board.php만 남도록 수정했다.

아래는 수정한 index.php와 register.php이다.

index.php

오늘의 교훈

내가 하고자 하는걸 최대한 이행하기 위해 노력하면,

그 과정에서 많은걸 배울 수 있다.

끝

이미지

크롤링 시간: 2026-04-10T15:04:06.542Z

IT, Web Hacking

모의해킹용 웹 페이지 제작#1-1 ( 페이지 수정 ) Ubuntu(20.04.06 LTS) [Apache, MariaDB, PHP]

이미지

인기 태그