본문 바로가기

PHP 게시판 만들기22

22. 다음에디터 정리 짜잘한 팁들만 끄적끄적 올리는, 별 볼일 없는 이 블로그를 찾는 많은 사람들은 '다음에디터' 를 찾아오는 걸로 보입니다. 강좌처럼 적긴 했지만, 저만 이해할 수 있는, 상세하지 못한 글이어서 오히려 혼란을 주지않았나 걱정도 살짝 됩니다. 이번에 잠깐 다시 웹 사이트 하나 만들 일이 있어서 다음에디터 사용하게 되었는데, 그 덕에 다시 한번 정리를 해보려고 합니다. (글 쓰는 동안 말투는 왔다갔다 할 수 있으니 양해바랍니다.) 1. 다음 에디터 다음에디터는 웹 페이지 상에서 글을 작성할 때, 단순 텍스트 문서 작성 이상을 할 수 있도록 해주는 위지윅 에디터이다. 폰트도 바꾸고, 크기도 바꾸고, 정렬도 할 수 있고, 표도 그려넣을 수 있고, 이미지 삽입도 가능하게 해 준다. textarea 가 메모장이라면, .. 2013. 9. 25.
21. 위지윅 에디터 붙이기 - 다음에디터 두번째 이전 글에서 다음에디터를 붙여서 게시판 글쓰기 부분을 수정해봤습니다.그 부분에서 빠져 있는 사진 삽입과 파일 첨부를 살펴보겠습니다. 로그인을 하고 bbs/list.php에 접근해서 글 쓰기 버튼을 클릭합시다.아! list.php 에 글쓰기 버튼을 달아놓지 않았군요. 쉽게 찾아볼 수 있는 파일 업로드 관련 코드입니다.www/files 라는 곳에 업로드를 합니다. 테스트해서 잘 되는지 일단 확인하세요. 그럼, 이렇게 서버쪽으로 넘어온 이미지를 다음에디터에 정보를 넘겨줘서 편집하고 있는 화면에 삽입을 할 수 있어야겠네요. trex/image.html 에 정보는 다 있습니다. 위 코드 아래에 에디터와 교신을 할 부분을 작성합시다. trex/image.html 에 있던 initUploader()와 done()을 .. 2012. 12. 19.
20. 위지윅 에디터 붙이기 - 다음에디터 게시판 기능 구현해보면서, 글 입력받는 부분에 textarea 를 이용했었습니다.그래서 텍스트만 입력가능하죠. 효과도 줄 수 없구요. 그 부분을 보다 풍성한 효과로 글 작성이 가능하도록 위지윅 에디터를 장착해 보겠습니다. 다음 에디터 Daum Editor 무료로 사용할 수 있는 위지윅 에디터가 몇개 있습니다만, 다음에서 오픈소스로 풀어놓은 '다음에디터'를 이용할 계획입니다. 구글코드에서 오픈으로 작업하다가 github 으로 이사를 했네요.주소는 아래와 같습니다. https://github.com/daumeditor/DaumEditor 또 이사를 했네요.https://github.com/daumcorp/DaumEditor 우선 소스 다운로드를 받읍시다. 다운 받은 파일을 압축해제하면 아래와 같은 디렉토리 .. 2012. 12. 18.
19. php 회원관리 및 게시판 소스 지금까지 구현한, 아주 기초적인 내용만 포함하고 있는 소스입니다. 조금씩 더 뼈대를 세우고 살을 붙여갈 생각입니다. 앞으로도 자세하게 설명글을 올리지는 못 해도, 업그레이드 되는 내용들 포스팅하도록 하겠습니다. 이건 출발점일 뿐입니다. ^^; 기존소스는 삭제했습니다. 22번 글에 정리된 소스를 다시 올리겠습니다. 2012. 12. 17.
18. 아차! 하고 빼먹은 로그아웃 구현하기 회원가입 받고 로그인 기능을 구현해봤습니다만, 로그아웃 기능을 빼먹었네요..ㅋ 로그아웃은 세션에서 관련 정보를 지우는 것으로 구현가능합니다. header.php 에 아래 내용을 작성합시다. 2012. 12. 17.
17. php로 기초적인 게시판 만들기 - 글 삭제하기 Chap 17. view.php 에서 글을 삭제하는 버튼을 하나 만들어 주고 글 삭제를 해봅시다. 수정 버튼 다음에 아래처럼 삭제버튼을 추가합시다. 그리고, delete.php 를 만듭시다. 전달받은 doc_idx를 이용해서 DB에서 해당 데이터를 지워버리고 완료페이지를 표시하도록 합시다. 쿼리가 달라집니다. $q = "DELETE FROM ap_bbs WHERE doc_idx=$doc_idx"; $result = $mysqli->query($q); 전체 코드는 아래와 같습니다. delete_done.php 는 아래와 같습니다. delete_done.php - 게시판 글 삭제 완료 페이지 지금까지 가장 기초적인 게시판을 제작해봤습니다. 고려해야 할 부분들이 많이 빠져있습니다.각자 필요에 따라 하나하나 수.. 2012. 12. 17.
16. php로 기초적인 게시판 만들기 - 글 수정하기 Chap 16. 수정은 글 보기 와 매우 유사합니다. 우선 글 내용을 가져와서 화면에 뿌려주는데, Form 태그로 뿌려주어 수정할 수 있도록 하면 됩니다. view.php를 수정해야겠네요. 현재 사용자와 글을 작성자가 같을 경우, 아래 쪽에 수정으로 가는 링크를 달아줍시다. 그리고, modify.php 를 작성합시다. write.php 와 유사하니까, 그대로 가져오고, 입력하는 부분에 문서 내용을 초기 값으로 노출시키면 되겠습니다. 그리고, modify_check.php에게 현재 글번호를 전달하기 위해 doc_idx 를 hidden으로 전송합니다. 글수정하기 그리고, submit 버튼이 클릭되면 받아서 처리할 modify_check.php를 만들어 줍시다. modify_check.php 가 하는 일은 w.. 2012. 12. 17.
15. php로 기초적인 게시판 만들기 - 글 내용보기 Chap 15. 글목록에서 제목을 클릭하면, 글 내용을 보여주어야겠지요? 앞서 list.php에서 준비한 대로 view.php 가 그 기능을 수행해야합니다. 또 하나 만들어봅시다. 기본적으로 preset.php, header.php, footer.php 포함하도록 작성하고 content 부분에 작업을 시작합시다. $doc_idx 를 이용해서 DB로부터 값을 가져옵니다. $q = "SELECT * FROM ap_bbs WHERE doc_idx = $doc_idx"; $result = $mysqli->query($q); $data = $result->fetch_array(); 가져온 내용은 $data 에 배열로 들어있습니다. 각각의 값을 테이블 하나 만들어서 뿌려주면 되겠습니다. 제목 작성자 내용 쉽죠?아래.. 2012. 12. 17.
14. php로 기초적인 게시판 만들기 - 목록에 페이지 링크 추가하기 Chap 14. 리스트 화면의 아래 쪽에 각각의 페이지로 이동할 수 있는 링크를 만들어 보겠습니다. 페이지 표시하는 구간을 블럭이라고 이름하고, 현재 표시하고 있는 페이지를 포함하는 블럭 내의 페이지를 링크로 제공하도록 하겠습니다. 블럭은 10 개 단위로 끊겠습니다.1페이지~10페이지가 블럭 1, 11페이지~20페이지가 블럭 2..이런 식입니다. 현재 3페이지를 표시하고 있으면, 아래와 같이 표시한다는 말입니다. [1] [2] 3 [4] [5] [6] [7] [8] [9] [10] [다음] 현재 페이지가 속해 있는 블록 번호는 아래와 같이 구할 수 있습니다. $page_per_block = 10; $now_block = ceil($now_page / $page_per_block); 전체 게시물의 숫자와 .. 2012. 12. 17.

티스토리툴바