프로젝트 일지   웹 사이트의 기본 레이아웃을 만들었으니 이제는 각 웹 페이지의 주 컨텐츠를 디자인할 차례이다. 먼저 로그인 페이지, 회원가입 페이지 그리고 회원정보 및 수정 페이지를 디자인한다.  로그인 페이지    로그인 페이지에서 '로그인' 버튼에 커서를 올리면 색이 변하는 기능을 구현하였다. 12345678910111213141516    main>        div class="main-form" id="main-login">            h2 style="margin-top:20px;padding:30px;">로그인/h2>            form method="POST" action="/php/login_..

프로젝트 일지 지난번 작업에서 로그인 페이지 기능 구현을 끝마쳤다. 이번에는 회원 가입 페이지를 제작하여 기능 구현까지 진행할 예정이다. 회원 가입 페이지 제작 및 기능 구현 sign_up.php  sign_up.php 파일의 작동 순서는 다음과 같다.입력란에 적합한 내용을 입력한 후 회원가입 버튼을 누르게 되면 sign_up_proc.php 페이지로 데이터를 POST 메소드 방식으로 전송한다. sign_up_proc.php 1/2    sign_up_proc.php 파일의 작동 순서는 다음과 같다.sign_up.php 페이지에서 전송된 데이터를 각 변수에 저장한다.입력란에 공란이 없이 전송이 되었는지 유효성 검사를 진행한다. 만약 공란이 있는 상태..

프로젝트 일지 지난번 작업에서는 단계별로 기능들이 정상적으로 작동하는지 테스트를 진행하였다. 이번에는 파일 분리 및 DB 연결, 그리고 세션 기능을 추가하여 정상 작동하는지 테스트를 진행할 예정이다. 파일 분리세션 기능 추가 파일 분리 파일은 다음과 같이 분리하였다.index.php : 웹 브라우저에 URL을 입력하면 가장 먼저 반겨주는 대문 페이지이다. 해당 파일에서는 인사말과 계정별 UI를 표시한다.login.php : 로그인 페이지 역할을 담당하며 입력란에 ID와 Password를 입력하고 로그인 버튼을 누르면 데이터를 login_proc.php 파일로 전송한다. 만약 데이터베이스에 저장되어있지 않거나 공란 상태로 로그인 버튼을 누르게 되면 login.php로 다시 돌아..

프로젝트 일지 CSS 언어를 HTML 파일에 적용되는 원리에 대해서 어느 정도 알게 되어서 우선 프로젝트를 진행함에 있어서 HTML과 PHP, CSS 그리고 Javascript 중 CSS를 프로젝트에 적용하는 우선순위를 뒤로 둘 생각이며 HTML도 마찬가지이다. 그리고 프로젝트이다 보니 날이 갈수록 코드 최적화도 할 예정이라 구성 파일 및 코드가 이전과는 다른 모습을 보일 수도 있다. 현재 프로젝트 진행 우선 순위는 기능 구현을 최우선으로 진행한 후에 웹 디자인을 할 생각이다. 이번에 하는 작업은 로그인 페이지의 역할을 다하도록 DB와의 연결을 진행하여 ID 및 Password를 DB에 저장되어 있는 데이터와 비교 후에 로그인 기능까지 수행한다. DB에서 계정 테이블 생성로그인 페이지의..

프로젝트 일지 지난번에 만들어둔 스켈레톤 코드를 기반으로 작업을 진행하였다. 이번에는 css 언어를 적용하였고 웹 페이지 구조를 어느 정도 구현하였다. DB 연결은 다음번에 구현할 예정이다. DB 연결 Xcss 언어 적용 index.html 파일  index.html파일은 대문 페이지로 인사말과 버튼 두 개로 이루어져 있으며 로그인 버튼을 누르면 로그인 페이지로 이동하도록 구현되어 있다. 회원가입 버튼은 회원가입 페이지로 이동하도록 구현되어 있지만 회원가입 페이지는 아직 개발 중이다. login.html 파일  로그인 페이지에서 ID와 Password를 입력할 수 있는 공간을 구현하였다. 입력 공간에 로그인할 ID와 Password를 입력 후에 로그인 버튼을 누르면 lo..

프로젝트 목적   모의해킹업무에서 사용하는 웹 해킹 기법의 원리에 대한 원만한 이해를 토대로 응용까지 할 수 있도록 웹 어플리케이션을 직접 제작한다. 프로젝트를 진행하면서 SQL Injection, XSS 등의 웹 취약점이 존재하는 곳을 논리적 근거에 의거하여 발견하는 수준까지 실력을 끌어올릴 수 있도록 한다. 프로젝트 일지 로그인 기능만 하는 스켈레톤 코드를 작성하였다. 아직 DB와의 연결은 구현하지 않았고 html 파일에서 입력한 데이터를 php 파일로 전송하는 기능만을 구현하였다.DB 연결 구현 X 태그를 사용하여 입력된 데이터를 GET or POST 방식으로 php 파일로 전달 기능 구현전달받은 데이터가 적합한 데이터인지 간이 유효성 검사 기능 구현 html 파일 ..