프로젝트 일지   웹 사이트 기본 레이아웃부터 각 웹 페이지 디자인 작업까지 완벽하게는 아니지만 어느 정도 끝마쳤다. 웹 디자인 작업을 마치고 보니 지난번에 구현했던 파일 업로드/다운로드 기능이 미흡한 것을 확인하여 파일 업로드/다운로드 기능의 보완 작업을 할 예정이다.  이전 파일 업로드/다운로드 기능과 보완점    이전 파일 업로드/다운로드 기능에서는 게시글 작성 혹은 수정 시 파일을 업로드하면 웹 서버 내 upload_folder 디렉터리에 파일을 저장한다. 그러나 작성자 구분없이 업로드되는 모든 파일을 한 공간에 저장하다 보니 같은 이름을 가진 파일이 업로드되면 이전에 존재하던 파일이 덮어씌워져 다른 작성자가 피해를 입게 된다.   또한 게시글을 삭제한 후에도 업로드한 파일..

프로젝트 일지   남은 페이지인 게시판 페이지와 게시글 상세정보 페이지를 디자인한다.  게시판 페이지    게시판 페이지에서 작성된 게시글 위에 커서를 올리게 되면 흰색에서 회색으로 변하게 된다. 또한 현재 사용자가 게시글을 읽었을 때 읽은 표시를 게시글의 제목으로 표시를 하였다. 한 번이라도 읽은 게시글의 제목은 회색으로 변한다.    또한 버튼과 페이지 위에 커서를 올리게 되면 색이 변하게 된다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535..

프로젝트 일지   웹 사이트의 기본 레이아웃을 만들었으니 이제는 각 웹 페이지의 주 컨텐츠를 디자인할 차례이다. 먼저 로그인 페이지, 회원가입 페이지 그리고 회원정보 및 수정 페이지를 디자인한다.  로그인 페이지    로그인 페이지에서 '로그인' 버튼에 커서를 올리면 색이 변하는 기능을 구현하였다. 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..