[JS, PHP, MySQL] 웹 사이트 만들기 1.8 - 메인페이지, 게시판페이지, 마이페이지 기초 만들기

메인페이지를 만들면서 게시판과 마이페이지의 기초도 같이 만들어 줬다

 

메인페이지

test님 환영합니다, home, 게시판, 마이페이지, 로그아웃이 있는 부분은 모든 페이지에 공통으로 적용하기로 하였다

마찬가지로 맨 아래에 home, 게시판, 마이페이지, 로그아웃도 모든 페이지에 공통으로 적용해주었다

 

26 ~ 27
부트스트랩을 이용하기 위해 추가했다

 

32 ~ 46
부트스트랩을 이용하였고 home, 게시판, 마이페이지, 로그아웃을 클릭하면 해당 페이지로 이동하도록 해 주었다

48 ~ 65
화면에 보이는 내용을 간단히 채워 넣어줬다

 

67 ~ 81
페이지 하단 부분으로 마찬가지로 home, 게시판, 마이페이지, 로그아웃을 누르면 해당페이지로 이동하도록 해 주었다

 

 

메인페이지 - 분리하기

1, 26
공통적으로 적용해야 할 페이지 상단부분과 하단 부분을 새로 만들어서 이동시켰고 include를 이용하여 포함시켰다

 

main.php 상단 부분을 그대로 복사 붙여 넣기 해서 변한 것이 없다

 

main.php 하단 부분을 그대로 복사 붙여 넣기 해서 변한 것이 없다

 

1, 25
공통적으로 들어가는 부분을 include를 이용하여 포함시켜 주었다

3 ~ 23
이 부분은 그냥 정상적으로 이동이 되었는지 구별하기 위해 임시로 작성해 놓았고 이 부분에 게시판 내용이 들어올 예정이다

 

1, 25
공통적으로 들어가는 부분을 include를 이용하여 포함시켜 주었다

3 ~ 23
이 부분은 그냥 정상적으로 이동이 되었는지 구별하기 위해 임시로 작성해 놓았고 이 부분에 마이페이지 내용이 들어올 예정이다

 

 

페이지 이동확인

페이지가 이동하면 우측 상단에 파란색 모양도 같이 이동하도록 해 주었다

 

15 ~ 28
Active 함수를 만들어 주어서 입력된 값과 현재 페이지의 경로가 일치하다면 active를 반환, 다르다면 반환하지 않도록 했다

 

54 ~ 65
php 코드를 중간에 삽입하여 해당페이지에만 active가 나오도록 설정해 주었다

 

페이지 이동이 성공적으로 적용되었다

 

$currentURL = $_SERVER['PHP_SELF'];  
// $_SERVER['PHP_SELF']를 사용하면 현재 페이지의 URL 경로를 가져온다 ( 전역변수 )
// http://example.com/main.php일 경우 $_SERVER['PHP_SELF']는 /main.php가 된다

$page = '/'.'normal/'.$page;
// 54 ~ 65 에서 Active 함수에 변수로 main.php 가 들어가있으므로 $page 는 main.php 이다
// 따라서 전체 경로를 맞춰줘야 $currentURL과 $page가 같은 경로가 된다