메인페이지 만들기

[이 블로그는 해킹 공부하면서 가볍게 정리용으로 기록 및 내 생각을 끄적여 두기 위한 블로그(라 쓰고 일기라 읽는)이다.]

 

• 목차

1. 메인페이지 화면
2. 코드(1)
3. 코드 설명
4. 코드(2)
5. 코드 설명
6. 코드(3)
7. 코드 설명

 

1. 메인페이지 화면

내비게이션 바를 만들어 각 페이지의 링크 버튼 만들기, 로그인이 성공 시 세션을 시작되게 만들기 및 로그인 시 입력받은 id로 환영 인사 멘트 표시, 그리고 밋밋하기 때문에 귀여운 픽셀 그림을 받아 화면을 채워보았다.

 

2. 코드(1)

 

3. 코드 설명

 

2번 코드

세션을 시작

3번 코드는 세션에 변수를 빈 문자열을 할당한다. 빈 문자열을 우선 할당하는 이유는 로그아웃과 같은 세션을 초기화할 때 필요하기 때문에 넣어주었다. 그리고 주의할 점은 세션 시작 코드를 맨 윗 줄에 넣어주어야 한다. 오류가 나는 것도 있지만 세션을 시작하기 전에 출력을 발생시키지 않아 헤더 정보를 변경하는 문제를 피할 수 있기 때문이다. 

6~226번 코드는 html 코드로 부트스트랩 코드를 이용하여 양식을 구성했다.

 

4. 코드(2)

 

 

5. 코드 설명

198~284번 코드 내비게이션 바로써 각 버튼에 링크를 달아놓아 원하는 페이지 이동시 버튼 클릭 -> 페이지 이동을 구현

210번 코드 환영 인사 메시지를 아이디 입력 값을 받아 표시

212번 코드 고양이 그림 이미지

 

6. 코드(3)

 

 

7. 코드 설명

 

228번 코드는 db연결 

229~230번 코드 userid와 passwd에 post 메서드로 입력받은 아이디와 비밀번호를 변수에 담기

232~233번 코드 userinfo 테이블에 각 id, pw가 변수에 담은 값과 일치하는 컬럼을 가져오는 sql쿼리 문을 담는 변수

235~236번 코드 db에 연결하여 sql 쿼리문을 실행하는 함수를 담은 변수

238~239번 코드 select로 가져온 컬럼의 raw데이터를 가져오는 함수를 담은 변수

241~242번 코드 a와 b에 실제 db 컬럼(id,pw)이름을 넣어 변수로 저장

244~248번 코드 실제 db의 데이터 값과 입력 받은 값을 비교, 일치 시 -> 세션을 변수에 post id값을 담음

249~254번 코드 일치하지 않을 시 login3.php로 이동하며 메시지 출력

 

 

웹 해킹 공부를 하면서 웹 개발을 동시에 진행 했는데 블로그에 정리할 시간이 부족하여 우선 다 만들어 놓고 이제 다시 정리하기 시작했다. 한 번 밀리면 쭉 밀리는 시스템이라 틈틈이 작성해 놓을 걸 이라며 후회한다. 중간중간 정리를 해놓았으면 내가 고생해서 만들고 다른 파일로 덮어버려 복구한 시간도 절약했을 텐데 말이다...