1. 흐름도
[사용자]
│
▼
(메인 페이지)
│
├──> [회원가입]
│ └── DB(user) insert
│
├──> [로그인]
│ └── (세션 생성: user_id, user_name)
│
├──> [로그아웃]
│ └── 세션 종료
│
├──> [마이페이지] (로그인 필요)
│ ├── 회원정보 확인 (user 테이블 조회)
│ └── 회원정보 수정
│ ├── 비밀번호 변경
│ ├── 이름/이메일 변경
│ └── DB(user) update
│
│
├──> [자유게시판 목록]
│ ├── 글쓰기 (비회원도 가능)
│ ├── 글읽기
│ │ └── 조회수 증가
│ ├── 검색, 정렬
│ └── 글 수정/삭제 (작성자만)
│
└──> [회원게시판 목록] (로그인 필요)
├── 글쓰기
│ ├── 제목/본문
│ ├── 파일 업로드 (uploads/)
│ └── DB(memboard) insert
│
├── 글읽기
│ ├── 조회수 증가
│ ├── 첨부파일 다운로드 (download.php)
│ ├── 추천(좋아요) 기능 (likes 테이블)
│ ├── 댓글 작성 (comment 테이블)
│ └── 작성자만 글 수정/삭제 가능
│
└── 글 수정/삭제
├── 첨부파일 교체/삭제
├── DB update/delete
└── 파일도 함께 삭제
2. 파일 목록 정리
[헤더]
- header.php : 헤더(네비게이션바) 출력 페이지
- header.js : 메뉴 이동 처리 Javascript
- header.css : 헤더(네비게이션바) CSS
[메인페이지]
- index.php : 메인 페이지
- index_iife.js : 타이핑 효과 Javascript
- index.css : 메인페이지 CSS
[인증]
- sign_up.php : 회원가입 양식 페이지
- id_check.php : 아이디 중복체크 확인
- signup_proc.php : 회원가입 처리 페이지
- sign_up.js : 아이디 중복여부 결과 AJAX 처리
- sign_up.css : 회원가입 페이지 CSS
[비회원게시판]
- free_write.php : 게시글작성 양식 페이지
- freewrite_proc.php : 게시글작성 처리 페이지
- free_view.php : 게시글 내용 확인 페이지
- free_edit.php : 게시글 수정 페이지
- freeedit_proc.php : 게시글 수정 처리 페이지
- free_list.php : 게시글 리스트 출력 페이지
- free_search.php : 게시글 검색 결과 페이지
- board_edit.css : 게시글 작성/수정 CSS
- board_view.css : 게시글 내용 확인 CSS
- board_list.css : 게시글 목록 출력 공통 CSS
- free_list.js : 게시글 정렬 처리 Javascript
- free_search.js : 게시글 검색 & 정렬 처리 Javascript
[회원게시판]
- mem_write.php : 게시글작성 양식 페이지
- memwrite_proc.php : 게시글작성 처리 페이지
- mem_view.php : 게시글 내용 확인 페이지
- download.php : 첨부파일 다운로드 페이지
- mem_edit.php : 게시글 수정 페이지
- memedit_proc.php : 게시글 수정 처리 페이지
- mem_list.php : 게시글 리스트 출력 페이지
- mem_search.php : 게시글 검색 결과 페이지
- board_edit.css : 게시글 작성/수정 CSS
- board_view.css : 게시글 내용 확인 CSS
- board_list.css : 게시글 목록 출력 공통 CSS
- mem_list.js : 게시글 정렬 처리 Javascript
- mem_search.js : 게시글 검색 & 정렬 처리 Javascript
[마이페이지]
- mypage.php : 회원정보 출력 페이지
- mypage_edit.php : 회원정보 수정 페이지
- mypageedit_proc.php : 회원정보 수정처리 페이지
- mypage.css : 마이페이지 CSS
- mypage_edit.css : 회원정보 수정 페이지 CSS
3. 전체 동작 영상 모음
[1. 메인페이지]
| 메인페이지 |
|---|
 |
| ↑ 기본화면: Web Test Server (Hacking Lab) |
 |
| ↑ 로그인한 경우: Logged In "유저이름" |
[2. 회원가입]
| 회원가입 |
|---|
 |
[3. 로그인]
| 로그인 |
|---|
 |
[4. 로그아웃]
| 로그아웃 |
|---|
 |
[5. 자유게시판]
| 1) 게시판 목록 |
|---|
 |
| 2) 게시글 정렬 |
|---|
 |
| 3) 게시글 검색 |
|---|
 |
| 4) 게시글 작성 |
|---|
 |
| 5) 게시글 확인 |
|---|
 |
| 6) 게시글 수정 |
|---|
 |
| 7) 게시글 삭제 |
|---|
 |
[6. 회원 게시판]
| 1) 게시판 목록 |
|---|
 |
| 2) 게시글 정렬 |
|---|
 |
| 3) 게시글 검색 |
|---|
 |
| 4) 게시글 작성 |
|---|
 |
| 5) 게시글 확인 |
|---|
 |
| ↑ 본인이 작성한 게시글의 경우에만, 수정 / 삭제 버튼 표시 |
 |
| ↑ 추천은 게시글당 한번만 가능 |
| 6) 게시글 수정 |
|---|
 |
| ↑ 게시글 내용 & 파일 수정 |
 |
| ↑ 첨부파일 삭제 |
| 7) 게시글 삭제 |
|---|
 |
| 8) 댓글 작성 / 삭제 |
|---|
 |
[7. 마이페이지]
| 1) 회원 정보 페이지 |
|---|
 |
| 2) 회원정보 수정 |
|---|
 |
