그누보드 기본 게시판 스킨 분석: 개별 게시물 상세 보기 (`view.skin.php`)을 입력 하세요.

베이직 게시판 스킨

2025.05.18 04:01

그누보드 기본 게시판 스킨 분석: 개별 게시물 상세 보기 (`view.skin.php`)을 입력 하세요.

관리자미니홈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 19일 전 2025.05.18 04:01 공지|뱃지| 목록|
59

18

https://comvillain.com/bbs/board.php?bo_table=rb_basic&wr_id=1

이 문서는 그누보드 5의 기본 게시판 view.skin.php 파일에 대한 상세 분석입니다. 이 스킨은 가장 보편적인 게시물 열람 환경을 제공하며, 정보 전달과 사용자 인터랙션에 필수적인 기능들을 효율적으로 배치하고 있습니다. 게시물이 사용자에게 어떻게 표시되고 어떤 기능들을 제공하는지 중점적으로 살펴보겠습니다.

1. 공통 기능 및 초기 설정

그누보드 5의 모든 게시판 스킨이 공유하는 기본적인 기능과 설정을 포함하며, 추가적인 시각적 효과를 위한 라이브러리도 연동합니다.

▪ 보안 및 라이브러리 연동:
- ▪ <?php if (!defined("_GNUBOARD_")) exit; ?>: 직접적인 외부 접근을 막아 보안을 유지합니다.
- ▪ include_once(G5_LIB_PATH.'/thumbnail.lib.php');: 게시물 이미지 썸네일 생성을 위한 라이브러리입니다.
- ▪ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css?ver='.G5_TIME_YMDHIS.'">', 0);: 스킨의 기본 디자인을 담당하는 CSS 파일을 로드합니다. 캐시 문제를 방지하기 위해 버전 정보가 추가됩니다.
- ▪ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> 및 <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>: **SwiperJS** (버전 11) 라이브러리를 CDN 방식으로 연동하여 이미지 슬라이드 기능을 구현합니다.
- ▪ <script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>: 게시물 내 이미지 크기를 화면에 맞게 자동으로 조절하는 스크립트입니다.
▪ 상단 액션 버튼 그룹 (`.btns_gr_wrap`):
- ▪ 게시물 상단에 플로팅 형태로 배치되어 사용자가 쉽게 접근할 수 있습니다.
- ▪ 관리 (`admin_href`): 게시물 관리자용 링크입니다.
- ▪ 스크랩 (`scrap_href`): 사용자가 게시물을 스크랩할 수 있도록 합니다.
- ▪ 목록 (`list_href`): 게시판 목록 페이지로 이동합니다.
- ▪ 글 등록 (`write_href`): 새로운 게시물을 작성하는 페이지로 이동하며 시각적으로 강조됩니다.
▪ 게시물 정보 표시 (`h2`, `.rb_bbs_for_mem`):
- ▪ 모바일 환경을 위한 간결한 작성일시 정보와 PC 버전의 상세 정보가 분리되어 제공됩니다.
- ▪ 제목 (`<h2>`): get_text($view['wr_subject'])를 통해 게시물 제목을 표시합니다.
- ▪ 작성자 및 상세 정보: 작성자명, IP 주소(설정 시), 작성일시(두 가지 형식), 새글/인기 아이콘, 카테고리, 뱃지 등이 표시됩니다.
- ▪ 조회수 및 댓글 수: 게시물의 조회수(wr_hit)와 댓글 수(wr_comment)를 아이콘과 함께 표시합니다.

---

2. 게시물 내용 표시 및 멀티미디어 처리

기본 게시판 스킨은 텍스트 콘텐츠를 중심으로 하되, 첨부된 이미지나 링크된 미디어도 효과적으로 보여줍니다.

▪ 첨부파일 / 일반 링크 표시 (`.rb_bbs_file`):
- ▪ 게시물에 첨부된 이미지 외의 파일(예: 문서, 압축 파일)에 대한 다운로드 링크, 파일 크기, 다운로드 횟수 등을 아이콘과 함께 표시합니다.
- ▪ 게시물에 포함된 외부 일반 링크(예: 관련 웹사이트)도 아이콘과 함께 표시됩니다.
▪ 상단 강조 내용/추가 설명 (`.wr_subhead`):
- ▪ 게시물 본문 위에 중요하거나 추가적인 설명을 표시할 수 있는 영역입니다. $view['wr_subhead'] 필드의 내용을 줄 바꿈을 유지하여 표시합니다.
▪ 본문 내용 및 스와이퍼 이미지/비디오 슬라이더 (`#bo_v_con`):
- ▪ 첨부 파일 또는 에디터 본문 내 이미지를 자동으로 감지하여 **SwiperJS 기반의 반응형 이미지 슬라이더**를 생성합니다. 이는 게시물의 주요 시각 자료를 효과적으로 보여줍니다.
- ▪ 메인 슬라이더(`mySwiper`)와 하단 썸네일 슬라이더(`mySwiper2`)가 연동되어 사용자가 쉽게 이미지를 탐색할 수 있습니다. 썸네일 슬라이더는 이미지가 1개 이상일 때만 표시됩니다.
- ▪ $view['wr_link1'] 및 $view['wr_link2']에 입력된 URL이 비디오 또는 오디오 링크(예: 유튜브, 사운드클라우드)일 경우, convert_video_url 함수를 통해 해당 콘텐츠를 본문에 자동으로 임베드하여 재생합니다. 일반 링크는 기본적으로 주석 처리되어 텍스트 링크로 표시되지 않지만, 필요에 따라 활성화할 수 있습니다.
- ▪ 에디터로 작성된 본문 내용(이미지 제외)을 get_view_thumbnail($content)를 통해 표시합니다.
- ▪ 게시물 태그(wr_tag)를 표시하여 관련 정보를 쉽게 찾을 수 있도록 돕습니다.

---

3. 하단 액션 버튼 및 기타 기능

게시물 하단에는 사용자 인터랙션을 위한 다양한 버튼과 내비게이션 기능이 배치되어 있습니다.

▪ SNS 공유 (`#bo_v_share`) 및 URL 복사 (`.copy_urls`):
- ▪ 게시물 URL을 페이스북, 트위터 등 다양한 소셜 미디어로 공유할 수 있도록 SNS 공유 버튼들이 통합되어 있습니다.
- ▪ 현재 페이지 URL을 클립보드에 쉽게 복사할 수 있는 기능도 제공됩니다.
▪ 하단 액션 버튼 (`.btm_btns`, `#bo_v_btns`):
- ▪ 추천/비추천 (`good_button`, `nogood_button`): 게시물에 대한 사용자의 평가(추천/비추천)를 반영할 수 있으며, 로그인 여부에 따라 기능이 제한될 수 있습니다.
- ▪ 목록 (`list_href`): 게시판 목록 페이지로 이동합니다.
- ▪ 공유 (`share-solid.svg`): SNS 공유와 유사한 목적의 공유 버튼입니다.
- ▪ 스크랩 (`scrap_href`): 게시물을 스크랩하여 나중에 다시 볼 수 있도록 합니다.
- ▪ 더보기 (`more_toggle_button`): PDF 저장, 인쇄, 신고 등 추가적인 기능을 숨겨두었다가 필요할 때 보여주는 토글 버튼입니다.
- ▪ 답글 (`reply_href`), 수정 (`update_href`), 복사 (`copy_href`), 이동 (`move_href`), 삭제 (`delete_href`): 게시물 관리와 관련된 다양한 버튼들이 조건부로 표시됩니다.
▪ 작가 서명 (`signature.skin.php`):
- ▪ bo_use_signature 설정이 활성화된 경우, 작성자의 서명(시그니처)이 표시됩니다.
▪ 이전/다음 글 내비게이션 (`.bo_v_nb`):
- ▪ 게시물 상단이나 하단에 이전/다음 게시물로 쉽게 이동할 수 있는 링크와 제목, 날짜가 표시됩니다.
▪ 댓글 시스템 (`view_comment.php`):
- ▪ 게시물에 대한 사용자 의견을 남기고 열람할 수 있는 댓글 섹션이 포함됩니다.

---

4. JavaScript 기능

▪ 다운로드 포인트 차감 알림: bo_download_point 설정에 따라, 파일 다운로드 시 포인트가 차감되는 경우 사용자에게 경고 메시지를 표시하고 동의를 구합니다.
▪ 게시물 이동/복사 팝업: board_move 함수를 호출하여 게시물 이동/복사 시 새로운 팝업창을 띄웁니다.
▪ 이미지 리사이즈 및 라이트박스: viewimageresize.js를 사용하여 게시물 내 이미지 크기를 조절하며, view_image 클래스가 적용된 이미지 클릭 시 새 창으로 크게 볼 수 있는 기능이 제공됩니다.
▪ 추천/비추천 비동기 처리: excute_good 함수를 통해 추천/비추천 기능을 AJAX 방식으로 처리하여 페이지 새로고침 없이 즉시 반영되도록 합니다. **회원 로그인 여부에 따라 추천/비추천 버튼 클릭 시 경고 메시지를 표시하는 기능이 추가되었습니다.**
▪ URL 복사: 클립보드에 URL을 복사하는 기능을 구현합니다.
▪ '더보기' 버튼 토글: more_toggle_button 클릭 시 숨겨진 추가 액션 버튼들(PDF, 인쇄, 신고)이 나타나거나 사라지도록 합니다. 다른 영역을 클릭하면 숨겨진 버튼이 자동으로 닫히는 기능도 포함되어 사용자 편의성을 높입니다.

---

결론

그누보드 기본 게시판 view.skin.php는 **군더더기 없이 필요한 기능들을 갖추고 게시물 내용을 효율적으로 전달하는 표준형 스킨**입니다. 텍스트 콘텐츠 중심의 게시물에 최적화되어 있으며, 필요에 따라 이미지 슬라이더나 링크된 미디어 파일을 함께 보여줄 수 있는 유연성을 지니고 있습니다. 사용자 편의를 위한 상단 및 하단 액션 버튼, SNS 공유 기능, 이전/다음 글 내비게이션 등은 게시판 사용 경험을 향상시킵니다.

이 스킨은 **공지사항, Q&A, 일반 자유 게시판, 자료실, FAQ 등 다양한 형태의 게시판에 범용적으로 적용**할 수 있으며, 그누보드 사이트 구축 시 가장 기본적인 토대가 됩니다. 어떤 종류의 게시판에 이 스킨을 적용할 계획이신가요?

#그누보드 #기본게시판 #게시판스킨 #SwiperJS #표준형

PDF

인쇄

공유하고, 소통하다

빌런은 디스코드, 인스타그램, 페이스북, 카카오톡, 텔레그램 등 다양한 메신저에서 발생하는 범죄, 사기, 보이스피싱, 스캠과 함께 중고 거래, 데이트 폭력, 학교 폭력, 술집 진상, 게임 사기꾼, 나쁜 회사 상사, 일상 속 매너 없는 사람들에 대한 정보를 공유하는 플랫폼입니다. ... 자세히보기

또한, 한국 아이돌, 배우, 해외 유명인, 스포츠 스타, 인플루언서에 대한 팬클럽 게시판도 운영하여, 좋아하는 스타와 소통할 수 있는 공간을 제공합니다. 안전한 커뮤니티에서 우리의 경험을 나누고, 더 나은 사회를 만들어 갑시다. ... 접기

주의사항.

본 사이트의 모든 게시물과 그에 포함된 텍스트, 이미지, 동영상 등 모든 콘텐츠는 본 사이트에서 독자적으로 편집 및 표현 방식을 수정하여 완성된 창작물입니다. 저작권법 및 관련 법령에 따라 보호를 받습니다. 따라서, 본 정보는 사이트 운영자의 명시적인 서면 동의 없이 무단으로 전재, 복사, 배포, 재가공, 또는 어떠한 형태로든 상업적/비상업적으로 활용될 수 없습니다. ... 자세히보기

또한, 게재된 정보는 개인적인 열람 및 참고 이외의 어떠한 용도로도 사용할 수 없습니다. 이를 위반할 경우 관련 법률에 의거하여 민·형사상의 책임을 질 수 있습니다.

본 사이트는 등록자가 게재한 자료의 내용에 대한 정확성, 완전성, 신뢰성을 보증하지 않으며, 해당 정보의 오류나 누락에 대해 어떠한 책임도 지지 않습니다. 또한, 사용자가 본 정보를 신뢰하여 취한 직간접적인 모든 조치나 결과에 대해서도 책임을 부담하지 않습니다. 정보 사용에 따른 모든 위험은 사용자 본인에게 있습니다. ... 접기

관리자미니홈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 @admin　
정보를 공유하는 플랫폼입니다. 커뮤니티에서 경험을 나누고, 더 나은 사회를 만들어 갑시다.

미니홈

쪽지

이전글제목2025.05.24

베이직 게시판 스킨