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

프로젝트 일지   웹 어플리케이션이 갖춰야 할 기능들을 어느 정도 구현을 했으니 이제 웹 디자인을 할 차례이다. 디자인을 하기 위해서 웹 디자인의 기본 레이아웃 구성인 헤더(Header)/메인(Main)/푸터(Footer) 형태를 따랐으며 이를 시멘틱 태그로 나눠 분리하였다.  웹 디자인 기본 레이아웃    웹 디자인에 쓰이는 기본 레이아웃은 헤더/메인/푸터로 나뉜다. 헤더는 상단이며 사람으로 치면 머리에 해당한다. 메인은 중단이며 사람으로 치면 몸통에 해당한다. 푸터는 하단이며 사람으로 치면 하체에 해당한다. 정리하자면 다음과 같다. 헤더-상단-머리메인-중단-몸통푸터-하단-하체 1) 헤더(Header)    헤더는 웹 사이트 상단에 해당하는 부분이다. 헤더에는 ..

프로젝트 일지   지난 작업에서 게시판의 필수적인 기능 대부분을 구현하였고 이제부터 추가되는 기능들은 선택 사항에 해당된다. 다음으로 구현할 기능은 게시글 작성 시 글로만 표현하기에는 심심하여 이미지 파일을 업로드하여 게시글 내용을 이해하기 쉽도록 도와준다거나, 아니면 게시글을 읽는 사람들에게 파일을 공유하는 목적으로 파일을 업로드하고 다운로드할 수 있게 하는 기능인 파일 업로드/다운로드를 구현할 예정이다. 파일 업로드/다운로드 기능 설명   파일 업로드 기능을 구현 하기 위해서 추가되는 코드들과 그 코드들이 어떤 역할을 하는지 알아보고 결과적으로 파일 업로드가 어떤 흐름으로 진행되는지 file_upload.php 페이지에서 알아보도록 하자.  1) file_upload.php..

프로젝트 일지   지난 작업에서 게시판의 CRUD 기능까지 구현하여 어느 정도 게시판의 역할을 다한다. 이번 작업에서는 게시글 조회 기능을 구현하면서 게시판 작업을 마무리할 예정이다. 게시판 조회 기능은 board.php 페이지에서만 이루어지며 찾고자 하는 문자열을 입력하면 입력한 문자열을 포함한 게시글을 조회한다. 게시글 조회 1) board.php1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465..

프로젝트 일지    지난 작업에서 페이징 기능을 구현하여서 게시판의 핵심 기능이 거의 갖춰졌다. 이번 작업에서는 게시판의 CRUD (Create, Read, Update, Delete) 기능을 구현할 예정이다. CRUD 기능은 화면을 나타내는 board_crud.php 페이지와 이를 처리하는 board_proc.php로 이루어져 있다.  CRUD (Create, Read, Update, Delete)  1) board_crud.php123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495..

프로젝트 일지 지난 작업에서는 게시판의 디스플레이를 구성하였으며 DB와 연결하여 게시글을 틀에 맞게 조회를 하였다. 이번 작업에서는 페이징 작업을 진행할 예정이다. 페이징 작업이란 등록된 게시글 수가 많아지게 되면 이를 한 번에 조회하여 나열하기보다 책 읽듯 하나의 페이지 당 일정 게시글을 조회하는 작업을 의미한다. 간단하게 예시를 들자면 게시판에 등록된 게시글 수가 총 30개가 존재하면 이를 한 페이지에 나타내기 보다 한 페이지에 10개의 게시글을 보여주어 총 세 페이지로 나누어 게시판을 구성한다고 생각하면 된다.  페이징 1) paging.php1234567891011121314151617181920212223242526..