새글 | 빌런(Villain) - 범죄 및 사회 문제 이슈 정보 공유 커뮤니티 플랫폼

제목 　

공지입니다... 공지요

관리자　2025-05-24　갤러리 게시판 스킨

제목 　

공지 게시물입니다.

관리자　2025-05-24　다운로드 게시판 스킨

제목 　

일반글이다. 공지 아닌 일반 게시물

관리자　2025-05-24　베이직 게시판 스킨

그누보드 웹진 게시판 스킨 분석: 개별 게시물 상세 보기 (`view.skin.php`) 　

1. 공통 기능 및 초기 설정 웹진 게시판 스킨도 그누보드 게시판의 표준적인 기능과 설정을 동일하게 포함하며, 특히 시각적인 콘텐츠 표현을 위한 리소스를 연동합니다. ▪ 보안 및 라이브러리 연동: ▪ <?php if (!defined("_GNUBOARD_")) exit; ?>: 직접적인 외부 접근을 막아 보안을 강화합니다. ▪ include_once(G5_LIB_PATH.'/thumbnail.lib.php');: 게시물 이미지 썸네일 생성을 위한 라이브러리입니다. ▪ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 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 라이브러리를 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는 단순히 텍스트 기반의 정보를 나열하는 것을 넘어, **시각적 요소와 콘텐츠를 조화롭게 결합하여 사용자에게 몰입감 있는 경험을 제공하는 데 특화된 스킨**입니다. 이미지 슬라이더, 동영상 임베드, 그리고 콘텐츠 강조 영역 등은 마치 온라인 매거진이나 뉴스 기사를 읽는 듯한 인상을 줍니다. 이 스킨은 온라인 매거진, 블로그, 뉴스 기사, 포트폴리오, 제품 상세 설명 페이지 등 풍부한 시각적 정보와 함께 깊이 있는 내용을 전달하고자 할 때 매우 유용하게 활용될 수 있습니다. 특히, 이미지나 동영상 자료가 중요한 콘텐츠에 적합합니다. 이 웹진 스킨을 어떤 종류의 콘텐츠에 활용하실 계획이신가요?

관리자　2025-05-18　웹진 게시판 스킨

그누보드 비디오/유튜브 동영상 게시판 스킨 분석: 개별 게시물 상세 보기 (`view.skin.php`) 　

1. 공통 기능 및 초기 설정 다른 그누보드 게시판 스킨들과 마찬가지로, 이 비디오 게시판 스킨 역시 기본적인 기능과 설정을 공유하며, 미디어 콘텐츠 표시에 필요한 라이브러리를 추가적으로 연동합니다. ▪ 보안 및 라이브러리 연동: ▪ <?php if (!defined("_GNUBOARD_")) exit; ?>: 직접적인 페이지 접근을 막아 보안을 유지합니다. ▪ include_once(G5_LIB_PATH.'/thumbnail.lib.php');: 게시물 이미지 썸네일 생성을 위한 라이브러리입니다. ▪ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 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 함수를 통해 해당 콘텐츠를 본문에 자동으로 임베드하여 재생합니다. 이는 동영상 게시판의 핵심적인 기능입니다. ▪ 만약 일반 링크일 경우, 주석 처리된 코드를 활성화하여 텍스트 링크로 표시할 수도 있습니다. ▪ 본문 콘텐츠 및 태그 (`#bo_v_con`, `.wr_tag`): ▪ 에디터로 작성된 본문 내용(이미지 제외)을 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는 멀티미디어 콘텐츠, 특히 동영상 게시물을 효과적으로 보여주는 데 최적화된 스킨입니다. SwiperJS를 통한 시각적 강조와 외부 동영상 링크의 자동 임베드 기능은 사용자가 편리하게 콘텐츠를 시청하고 공유할 수 있도록 돕습니다. 일반 게시판의 기본 기능과 더불어 동영상 중심의 UI/UX를 제공하여, 미디어 콘텐츠를 주력으로 하는 웹사이트나 특정 주제의 동영상 아카이브를 구축하는 데 매우 적합합니다. 이 스킨은 동영상 크리에이터의 포트폴리오, 강좌 영상 게시판, 또는 뉴스/이벤트 현장 영상 등 다양한 종류의 비디오 콘텐츠를 효과적으로 전달하고 싶은 경우에 유용하게 활용될 수 있습니다.

관리자　2025-05-18　동영상 게시판 스킨

그누보드 프로필 게시판 스킨 분석: 개별 게시물 상세 보기 (`view.skin.php`) 　

1. 공통 기능 및 초기 설정 이 스킨은 그누보드 게시판의 표준적인 기능과 설정들을 동일하게 포함하며, 프로필 정보를 효과적으로 시각화하기 위한 추가적인 리소스를 연동합니다. ▪ 보안 및 라이브러리 연동: ▪ <?php if (!defined("_GNUBOARD_")) exit; ?>: 직접적인 외부 접근을 막아 보안을 강화합니다. ▪ include_once(G5_LIB_PATH.'/thumbnail.lib.php');: 게시물 이미지 썸네일 생성을 위한 라이브러리입니다. ▪ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 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 라이브러리를 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. 프로필 게시판의 핵심 기능: 탭 메뉴 (`.tab_menu`) 이 스킨의 가장 중요한 특징은 **다양한 종류의 프로필 정보를 탭 형태로 분류하여 보여주는 기능**입니다. 이를 통해 복잡한 정보도 사용자가 쉽고 체계적으로 접근할 수 있도록 돕습니다. ▪ 갤러리 (Gallery) 탭 (`#gallery`): ▪ 게시물에 첨부된 이미지나 에디터 본문 내 이미지를 자동으로 인식하여 **SwiperJS 기반의 반응형 이미지 슬라이더**를 생성합니다. ▪ 메인 슬라이더(mySwiper)와 하단 썸네일 슬라이더(mySwiper2)가 연동되어 있어, 프로필과 관련된 여러 시각 자료(예: 포트폴리오, 활동 사진)를 효과적으로 전시할 수 있습니다. 이미지가 1개 이상일 때 썸네일 슬라이더가 나타납니다. ▪ 동영상 (Video) 탭 (`#video`): ▪ $view['wr_link1']에 입력된 외부 비디오 링크(YouTube, Vimeo 등)를 convert_video_url 함수를 통해 본문에 직접 임베드하여 재생합니다. 개인/기업의 홍보 영상, 작업 과정 영상 등을 보여주는 데 특화되어 있습니다. ▪ 프로필 정보 (Profile Info) 탭 (`#profile`): ▪ rc_wrap1 섹션에서 프로필의 제목, 요약 정보, 소속 등을 표시합니다. ▪ rc_wrap1_infos에서 월급, 고용 형태, 모집 인원, 근무 지역과 같은 **핵심 프로필 정보를 아이콘과 함께 구조화하여 보여줍니다.** ▪ rc_sub_title로 구분된 '모집/근무조건' 섹션에서 급여, 고용 형태, 모집 기간, 성별, 학력, 연령, 우대사항 등의 상세 조건을 <dt>/<dd> 형태로 명확하게 제공합니다. ▪ '등록방법' 및 '프로필 등록방법'과 같은 추가적인 설명 영역도 포함됩니다. ▪ 주의: 현재 코드에서는 이 정보들이 고정된 HTML 텍스트로 예시되어 있습니다. 실제 그누보드 게시판에서는 커스텀 필드(예: wr_xx) 등을 활용하여 동적으로 데이터를 가져오도록 구현될 것으로 예상됩니다. ▪ 구직 정보 (Job Search) 탭 (`#jobsearch`): ▪ 구직과 관련된 상세 내용을 담는 섹션으로, 구직자에게 필요한 정보(예: 구직 방법)를 제공할 수 있는 구조입니다. ▪ 구인 정보 (Recruit) 탭 (`#recruit`): ▪ 구인과 관련된 상세 내용을 담는 섹션으로, 채용 담당자가 구인 방법을 안내하는 데 사용될 수 있습니다. ▪ 거래 정보 (Trade) 탭 (`#trade`): ▪ 상품 또는 서비스의 거래와 관련된 정보를 제공하는 섹션입니다. ▪ 상품 정보 (Product) 탭 (`#product`): ▪ 구독료, 사용료 등 상품 관련 상세 정보를 보여주는 섹션입니다. ▪ 기타 정보 (Etc Info) 탭 (`#etcinfo`): ▪ 첨부 파일 (`.rb_bbs_file`): 이미지 외 문서 파일 등 첨부된 파일의 원본명, 크기, 다운로드 횟수 등을 표시하고 다운로드 링크를 제공합니다. ▪ 외부 링크 (`.rb_bbs_file`): 게시물에 포함된 외부 링크를 표시합니다. ▪ 게시물에 관련된 키워드 태그(wr_tag)를 표시하여 관련 정보를 쉽게 찾을 수 있도록 돕습니다. ▪ '지원방법'과 같은 추가 설명 영역도 포함됩니다. 3. 추가 기능 및 스크립트 ▪ 공통 내용/주의사항 (`.info_btm_bg`): 게시물 하단에 정보 무단 전재 및 재배포 금지, 정보 신뢰성 책임 한계 등 법적 고지나 서비스 이용 약관 관련 내용을 표시합니다. ▪ SNS 공유 (`#bo_v_share`) 및 URL 복사 (`.copy_urls`): 게시물 URL을 다양한 소셜 미디어로 공유하거나 클립보드에 복사할 수 있는 기능을 제공합니다. ▪ 스크립트 기능 (`JavaScript`): ▪ 탭 메뉴 동작: 각 탭 버튼 클릭 시 해당 탭의 콘텐츠만 활성화되고 다른 탭 콘텐츠는 숨겨지도록 하는 JavaScript 로직이 구현되어 있습니다. ▪ SwiperJS 초기화: 갤러리 탭 내에서 이미지 슬라이더를 동적으로 초기화하고 제어합니다. ▪ 게시물 이동/복사 팝업, 추천/비추천 비동기 처리, 이미지 리사이즈 등 그누보드 기본 기능을 위한 스크립트도 포함됩니다. 결론 이 프로필 게시판 view.skin.php는 단순히 게시물 내용을 보여주는 것을 넘어, **복잡하고 다층적인 정보를 체계적으로 정리하여 사용자에게 제공**하는 데 매우 특화된 스킨입니다. 탭 기반의 UI는 갤러리, 동영상, 상세 프로필 정보, 구직/구인, 거래, 상품 정보 등 다양한 종류의 콘텐츠를 논리적으로 분류하고, 사용자가 필요한 정보에 쉽고 빠르게 접근할 수 있도록 돕습니다. 특히, 정형화된 프로필 정보를 구조화된 형태로 표시하는 기능은 개인 포트폴리오, 회사 소개, 채용 공고 등 **다양한 종류의 상세 프로필 페이지**로 활용하기에 이상적입니다. 이 스킨은 풍부한 정보를 제공하면서도 사용자 경험을 최적화하여 방문자들의 이해와 몰입을 높이는 데 큰 기여를 할 것입니다.

관리자　2025-05-18　프로필정보 게시판 스킨

그누보드 공지사항 게시판 스킨 분석: 개별 게시물 상세 보기 　

1. 개요 및 스킨의 역할 제공된 소스 코드는 view.skin.php 파일로, 게시판 목록에서 특정 게시물(여기서는 공지사항)을 클릭했을 때 해당 게시물의 내용을 상세히 보여주는 역할을 담당합니다. 즉, "목록에서 공지글을 강조"하는 기능(list.skin.php에서 담당)은 이 파일에 포함되어 있지 않지만, 개별 공지사항 게시물이 어떻게 풍부하게 표현될 수 있는지를 보여줍니다. 이 스킨은 공지사항의 중요성과 내용 전달력을 높이는 데 기여할 수 있는 다양한 시각적 및 상호작용적 요소를 포함하고 있습니다. 2. 초기 설정 및 외부 리소스 연동 ▪ <?php if (!defined("_GNUBOARD_")) exit; ?>: 그누보드의 기본적인 보안 설정으로, 개별 PHP 파일에 대한 직접적인 외부 접근을 막아 시스템의 안정성을 유지합니다. ▪ include_once(G5_LIB_PATH.'/thumbnail.lib.php');: 게시물에 첨부된 이미지 파일의 썸네일 생성 및 관리를 위한 라이브러리를 포함합니다. ▪ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);: 스킨의 기본적인 디자인 및 레이아웃을 정의하는 style.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 라이브러리를 CDN 방식으로 연동하여 이미지 또는 비디오 슬라이드 기능을 구현합니다. 이는 공지사항에 여러 이미지나 영상을 포함하여 시각적으로 강조하고자 할 때 유용합니다. ▪ <script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>: 게시물 본문 내 이미지 크기를 화면에 맞게 자동으로 조절하는 스크립트로, 다양한 디바이스에서 최적의 가독성을 제공합니다. 3. 상단 액션 버튼 그룹 (`.btns_gr_wrap`) 게시물 상단에 위치한 플로팅(floating) 버튼 그룹은 사용자의 편의성을 높이는 직관적인 기능을 제공합니다. 특히 width:<?php echo $rb_core['sub_width'] ?>px;를 통해 서브 가로폭 설정에 맞춰 버튼 위치가 유동적으로 조절될 수 있습니다. ▪ 관리 (admin_href): 게시판 관리자에게 해당 게시물을 직접 관리할 수 있는 링크를 제공합니다. ▪ 스크랩 (scrap_href): 사용자가 공지사항을 스크랩하여 나중에 다시 확인하거나 저장할 수 있도록 합니다. ▪ 목록 (list_href): 현재 보고 있는 공지사항 게시판의 목록 페이지로 빠르게 이동합니다. ▪ 글 등록 (write_href): 새로운 공지사항을 작성할 수 있는 페이지로 이동하며, main_color_bg 클래스를 통해 시각적으로 강조되어 주목도를 높입니다. 4. 게시물 정보 표시 (`.vico_wrap`, `rb_bbs_for_mem`) 공지사항의 핵심 정보는 사용자가 한눈에 파악할 수 있도록 명확하게 표시됩니다. ▪ 모바일 게시물 정보 (vico_wrap mobile): 모바일 환경에 최적화된 작성일시 정보를 간결하게 제공합니다. ▪ 제목 (<h2>): get_text($view['wr_subject'])를 통해 게시물의 제목을 표시합니다. ▪ 작성자 및 상세 정보 (rb_bbs_for_mem): ▪ 작성자명($view['name'])과 IP 주소($ip, 설정에 따라 표시)를 보여줍니다. 공지사항 특성상 대부분 관리자나 운영자로 표시될 것입니다. ▪ 작성일시 (passing_time3, date("Y.m.d H:i"))를 두 가지 형태로 제공하여 사용자가 편리하게 확인할 수 있습니다. ▪ 새글 (lb_ico_new) / 인기 (lb_ico_hot) 아이콘: 게시물의 최신 여부와 조회수에 따른 인기 여부를 시각적으로 나타냅니다. 공지사항에서는 '새글' 아이콘이 특히 중요하게 사용될 수 있습니다. ▪ 카테고리 (category_name): 공지사항 내에서도 카테고리별 분류가 필요한 경우 유용합니다. ▪ 뱃지 (wr_badge): 공지사항의 중요도나 특성(예: '필독', '긴급')을 나타내는 커스텀 뱃지를 표시할 수 있습니다. ▪ 링크 형식의 액션 버튼: 목록, 스크랩, 글 등록, 답글, 수정, 복사, 이동, 삭제 등 게시물과 관련된 다양한 액션 버튼이 링크 형태로 나열되어 접근성을 높입니다. ▪ 조회수 및 댓글 수 (rb_bbs_for_btm_info): 게시물의 조회수(wr_hit)와 댓글 수(wr_comment)를 아이콘과 함께 표시합니다. 공지사항의 경우 댓글 기능이 비활성화되거나 조회수만 중요하게 다뤄질 수 있습니다. 5. 첨부 파일 및 링크 처리 ▪ 첨부 파일 (rb_bbs_file): 공지사항에 첨부된 파일(이미지 외 문서 파일 등)의 원본 파일명, 크기, 다운로드 횟수 등을 표시하고 다운로드 링크를 제공합니다. ▪ 외부 링크 (rb_bbs_file): 게시물에 포함된 외부 링크를 표시하며, convert_video_url 함수를 통해 YouTube, Vimeo 등의 비디오/오디오 링크는 본문에 직접 재생될 수 있도록 변환합니다. 이는 단순 텍스트 공지사항을 넘어 미디어 콘텐츠를 포함한 공지사항을 작성할 때 활용됩니다. 6. 본문 내용 및 핵심 기능 (`#bo_v_con`) ▪ 상단 강조 내용 (wr_subhead): 게시물 본문 상단에 추가적인 설명이나 강조 내용을 표시할 수 있는 영역입니다. 공지사항의 핵심 요약이나 중요한 안내를 담는 데 매우 유용합니다. ▪ SwiperJS 이미지/비디오 슬라이더: 이 스킨의 가장 큰 특징 중 하나입니다. ▪ 게시물에 첨부되거나 에디터 본문 내에 삽입된 이미지들을 자동으로 인식하여 SwiperJS를 이용한 반응형 이미지 슬라이더를 생성합니다. ▪ 메인 슬라이더(mySwiper)와 하단 썸네일 슬라이더(mySwiper2)가 연동되어 있어, 여러 장의 이미지가 포함된 공지사항(예: 행사 안내, 제품 상세 설명)을 시각적으로 효과적으로 전달할 수 있습니다. ▪ object-fit: cover 속성으로 이미지의 비율을 유지하며 컨테이너에 맞춰 표시하여 깔끔한 디자인을 제공합니다. ▪ MP4 영상 자동 재생 기능: 소스 코드 하단에 명시된 스크립트 블록은 특정 첨부 파일($view['file'][0]부터 $view['file'][3])이 MP4 형식일 경우, 게시물 본문 상단에 자동 재생(autoplay), 반복 재생(loop), 컨트롤러 표시(controls) 기능을 갖춘 <video> 태그를 동적으로 삽입합니다. 이는 비디오 형식의 공지사항(예: CEO 메시지, 서비스 안내 영상)을 제공할 때 매우 강력한 기능입니다. ▪ 에디터 내 이미지 제거: Swiper 슬라이더로 이미지를 표시한 후, 본문 텍스트에서는 중복된 이미지가 출력되지 않도록 에디터 내 이미지 태그를 제거합니다. ▪ 태그 (wr_tag): 공지사항에 관련된 키워드 태그를 표시하여 유사한 공지사항을 쉽게 검색하고 접근할 수 있도록 돕습니다. 7. 소셜 공유 및 하단 액션 버튼 ▪ SNS 공유 (#bo_v_share): 그누보드 기본 SNS 공유 기능을 연동하여 게시물 URL을 다양한 소셜 미디어 플랫폼(페이스북, 트위터 등)으로 공유할 수 있습니다. ▪ URL 복사 (.copy_urls): 현재 공지사항 게시물의 URL을 간편하게 클립보드에 복사할 수 있는 기능을 제공하여 정보 공유를 용이하게 합니다. ▪ 하단 액션 버튼 그룹 (.btm_btns): ▪ 글 작성, 추천/비추천 (good/nogood_href): 공지사항에서는 추천/비추천 기능이 잘 사용되지 않지만, 일반 게시판 스킨의 흔적입니다. ▪ 목록, 공유, 스크랩: 상단 버튼과 동일한 기능을 하단에서도 제공하여 사용자 편의성을 높입니다. ▪ 더보기 버튼 (more_toggle_button): 클릭 시 PDF 변환, 인쇄, 신고 버튼을 토글하여 보여주는 드롭다운 메뉴입니다. 특히 PDF 및 인쇄 기능은 공지사항과 같이 보관하거나 물리적인 형태로 필요할 수 있는 콘텐츠에 매우 유용합니다. ▪ 답글, 수정, 복사, 이동, 삭제: 게시물 관리 및 상호작용을 위한 기본적인 기능들을 제공합니다. 8. 이전/다음 글 및 댓글 시스템 ▪ 이전/다음 글 (.bo_v_nb): 현재 공지사항을 기준으로 이전 및 다음 공지사항으로 쉽게 이동할 수 있는 내비게이션을 제공하여, 여러 공지사항을 연속적으로 확인할 때 편리합니다. ▪ 댓글 입출력 (view_comment.php): 게시물 하단에 댓글 작성 및 조회를 위한 영역을 포함합니다. 공지사항 게시판의 경우 운영 정책에 따라 댓글 기능을 활성화하거나 비활성화할 수 있습니다. 결론 이 그누보드 공지사항 게시판 view.skin.php는 단순 텍스트 기반의 공지사항뿐만 아니라, 이미지와 MP4 영상 같은 풍부한 미디어 콘텐츠를 포함한 공지사항을 효과적으로 전달할 수 있도록 설계된 스킨입니다. 비록 "목록에서 공지글을 강조"하는 기능(is_notice 등의 플래그를 활용한 시각적 강조)은 주로 list.skin.php에서 구현되지만, 이 view.skin.php는 개별 공지사항을 매우 다채롭고 정보 전달력이 높게 표현함으로써 사용자의 주목도를 높이는 데 기여합니다. 특히, SwiperJS를 활용한 반응형 슬라이더와 MP4 영상 자동 재생 기능, 그리고 PDF 변환 및 인쇄와 같은 '더보기' 기능은 공지사항의 중요성을 부각하고 사용자에게 필요한 정보를 다양한 형태로 제공하는 데 큰 강점을 가집니다. 따라서 이 스킨은 단순한 텍스트 공지사항을 넘어, 동적이고 시각적인 정보 전달이 필요한 '전용 공지사항 게시판'에 매우 적합하다고 할 수 있습니다.

관리자　2025-05-18　공지강조 게시판 스킨

그누보드 갤러리 게시판 스킨: 시각 콘텐츠 중심 기능 분석 　

갤러리 게시판 보기 페이지의 주요 기능 분석 이 갤러리 게시판 스킨은 시각적 콘텐츠(이미지, 영상)의 전시와 관리에 특화되어 있습니다. 기존 게시판의 기본 기능 위에 SwiperJS를 활용한 반응형 이미지 슬라이더와 MP4 영상 자동 재생 기능을 추가하여, 사용자에게 더욱 풍부하고 몰입감 있는 미디어 경험을 제공하는 데 중점을 둡니다. 1. 기본 환경 설정 및 핵심 라이브러리 연동 ▪ <?php if (!defined("_GNUBOARD_")) exit; ?>: 그누보드 보안 규약을 준수하여 외부에서의 직접적인 파일 접근을 방지합니다. ▪ include_once(G5_LIB_PATH.'/thumbnail.lib.php');: 게시물에 첨부된 이미지 파일의 썸네일 생성 및 처리를 담당합니다. ▪ add_stylesheet, <link rel="stylesheet">, <script src="...">: 디자인을 위한 style.css 외에, SwiperJS를 연동하여 이미지 슬라이드 기능을 구현하며, viewimageresize.js를 통해 게시물 본문의 이미지 크기를 반응형으로 조절합니다. 이는 갤러리 게시판의 핵심 시각적 요소입니다. 2. 상단 액션 버튼 그룹 게시물 상단에 위치한 버튼 그룹은 관리자 및 일반 사용자의 편리한 게시물 관리와 탐색을 돕습니다. ▪ 관리 버튼 (admin_href): 관리자 권한이 있는 경우 게시물을 직접 관리할 수 있는 링크를 제공합니다. ▪ 스크랩 버튼 (scrap_href): 사용자가 관심 있는 갤러리 게시물을 개인 스크랩 목록에 저장할 수 있도록 지원합니다. ▪ 목록 버튼 (list_href): 현재 갤러리 게시판의 목록 페이지로 빠르게 돌아갈 수 있습니다. ▪ 글 등록 버튼 (write_href): 새로운 이미지나 영상을 포함한 게시물을 작성할 수 있는 페이지로 이동하며, main_color_bg 클래스를 통해 시각적으로 강조됩니다. 3. 게시물 정보 표시 게시물의 제목, 작성자, 작성일시 등 필수 정보들을 모바일과 PC 환경에 맞춰 유연하게 제공합니다. ▪ 제목 (<h2>): get_text($view['wr_subject'])를 통해 게시물의 제목을 표시합니다. ▪ 작성자 및 추가 정보 (.rb_bbs_for_mem_names): 작성자명($view['name']), IP 주소($ip), 작성일시(passing_time3, date("Y.m.d H:i"))를 표시하여 정보의 투명성을 확보합니다. ▪ 상태 아이콘: 게시물의 최신 여부(lb_ico_new) 및 인기 여부(lb_ico_hot)에 따라 '새글' 또는 '인기' 뱃지를 동적으로 표시하여 사용자의 시선을 끕니다. ▪ 카테고리 및 뱃지: 게시물이 속한 카테고리 정보와 추가적인 뱃지(wr_badge)를 시각적으로 구분하여 표시함으로써 갤러리 내 콘텐츠 분류를 명확히 합니다. ▪ 조회수 및 댓글 수 (rb_bbs_for_btm_info): 게시물의 조회수(wr_hit)와 댓글 수(wr_comment)를 아이콘과 함께 표시하여 게시물의 인기도와 활성도를 보여줍니다. 4. 첨부 파일 및 링크 처리 (갤러리 특화 기능) 이 갤러리 스킨에서는 첨부된 파일과 외부 링크를 체계적으로 표시하며, 특히 **MP4 영상 자동 재생 기능**이 추가되어 멀티미디어 콘텐츠 전시에 강점을 보입니다. ▪ 일반 첨부파일 (.rb_bbs_file): 이미지가 아닌 일반 파일이 첨부된 경우, 파일명, 크기, 다운로드 횟수 등을 표시하고 다운로드 링크를 제공합니다. (단, 이 갤러리 스킨의 주 목적은 이미지/영상 전시에 있으므로, 일반 파일은 부수적인 기능으로 간주됩니다.) ▪ 외부 링크 처리: convert_video_url 함수를 사용하여 YouTube, Vimeo 등 외부 비디오/오디오 링크를 HTML5 <video> 또는 <audio> 태그로 변환하여 본문에 직접 재생할 수 있도록 합니다. 이는 갤러리 콘텐츠의 다양성을 높여줍니다. ▪ MP4 영상 자동 재생 기능: 소스 코드 하단에 MP4 영상재생1부터 MP4 영상재생4까지 명시적으로 구현된 부분이 특징입니다. ▪ 특정 첨부파일($view['file'][0]부터 $view['file'][3])이 MP4 확장자일 경우, 게시물 본문 상단에 <video> 태그를 동적으로 삽입하여 **자동 재생(autoplay), 반복 재생(loop), 그리고 재생 컨트롤(controls)** 기능을 제공합니다. 이는 갤러리 게시물의 메인 콘텐츠를 영상으로 쉽게 구성할 수 있게 합니다. ▪ controlslist='nodownload' 속성을 통해 영상 다운로드를 제한하여 콘텐츠 보호를 고려했습니다. 5. 본문 콘텐츠 및 이미지 슬라이드 (갤러리의 핵심) ▪ 강조 내용 (wr_subhead): 게시물 본문 상단에 나타나는 강조 내용으로, 중요한 정보나 요약 내용을 표시할 때 유용합니다. ▪ 본문 내용 (#bo_v_con): 게시물의 실제 텍스트 내용이 표시되는 핵심 영역입니다. ▪ 이미지 슬라이더 (SwiperJS): 게시물에 첨부되거나 에디터로 삽입된 이미지들을 SwiperJS를 활용하여 반응형 슬라이더로 표시합니다. ▪ 메인 슬라이더 (mySwiper): 대형 이미지를 표시하며, 좌우 탐색 버튼과 페이지네이션을 제공합니다. ▪ 썸네일 슬라이더 (mySwiper2): 메인 슬라이더 하단에 위치하며, 작은 썸네일 이미지들을 통해 사용자가 원하는 이미지를 빠르게 탐색하고 메인 슬라이더와 연동됩니다. 이는 이미지 갤러리의 탐색 편의성을 크게 향상시킵니다. ▪ object-fit: cover 속성을 통해 이미지의 종횡비를 유지하면서도 컨테이너에 꽉 차게 표시하여 깔끔한 시각적 효과를 줍니다. ▪ 에디터 내 이미지를 제거하는 로직이 적용되어, 슬라이더로 표시된 이미지가 본문에서 중복되지 않도록 합니다. ▪ 태그 (wr_tag): 게시물에 할당된 태그(view_tags)를 표시하여 관련 갤러리 콘텐츠를 쉽게 찾아볼 수 있도록 합니다. 6. 소셜 공유 및 URL 복사 게시물 공유 기능을 제공하여 갤러리 콘텐츠의 확산을 용이하게 합니다. ▪ G5_SNS_PATH."/view.sns.skin.php": 그누보드 기본 SNS 공유 기능을 연동하여 페이스북, 트위터 등으로 갤러리 게시물을 공유할 수 있습니다. ▪ URL 복사: 현재 갤러리 게시물의 URL을 클립보드에 쉽게 복사할 수 있는 기능을 제공하여 사용자 편의성을 높입니다. 7. 하단 액션 버튼 그룹 게시물 하단에 위치한 주요 액션 버튼들은 사용자가 갤러리 콘텐츠에 대해 다양한 상호작용을 할 수 있도록 지원합니다. ▪ 글 작성, 추천/비추천, 목록, 공유, 스크랩: 일반 게시판과 유사하게 다양한 상호작용 및 탐색 기능을 제공합니다. ▪ 더보기 버튼 (PDF, 인쇄, 신고): '더보기' 버튼을 클릭하면 숨겨져 있던 PDF 저장, 인쇄, 신고 버튼이 토글되어 나타나며, 이는 사용자 인터페이스의 복잡도를 줄이면서도 필요한 기능을 유연하게 제공합니다. ▪ 답글, 수정, 복사, 이동, 삭제: 게시물 관리 및 상호작용을 위한 기본적인 기능들을 제공하여 게시판 운영의 유연성을 확보합니다. 8. 게시물 상호작용 및 탐색, 댓글 시스템 ▪ 추천/비추천 요약 (#bo_v_act): 게시물의 추천 및 비추천 현황을 아이콘과 숫자로 간결하게 보여주며, SNS 공유 및 스크랩 버튼도 포함됩니다. ▪ 이전/다음 글 (.bo_v_nb): 현재 갤러리 게시물을 기준으로 이전/다음 게시물로 이동할 수 있는 링크를 제공하여 갤러리 내 콘텐츠 탐색을 용이하게 합니다. ▪ 댓글 시스템 (view_comment.php): 게시물에 대한 사용자들의 의견을 교환할 수 있는 댓글 기능을 포함하여, 갤러리 콘텐츠에 대한 소통을 활성화합니다. 결론 이 그누보드 갤러리 게시판 스킨의 view.skin.php는 이미지와 영상을 중심으로 하는 콘텐츠 전시에 특화된 기능을 제공합니다. SwiperJS를 활용한 다채로운 이미지 슬라이더, 첨부된 MP4 파일의 자동 재생 기능은 사용자에게 매력적인 시각적 경험을 선사합니다. 또한, 기존 게시판의 강력한 기능과 더불어 모바일 환경 최적화, 그리고 '더보기' 버튼과 같은 UI 개선 요소들이 조화롭게 어우러져, 효율적이면서도 미려한 갤러리 웹사이트를 구축하는 데 매우 적합합니다. 시각적 콘텐츠를 중요하게 다루는 웹사이트라면 이 스킨의 기능들을 적극적으로 활용할 가치가 있습니다.

관리자　2025-05-18　갤러리 게시판 스킨

그누보드 다운로드 게시판 스킨: 핵심 기능 분석 (파일 및 자료 공유 최적화) 　

다운로드 게시판 보기 페이지의 주요 기능과 특징 이 다운로드 게시판 스킨은 일반 게시판의 기본적인 정보 제공 기능에 더해, 파일 배포 및 관리에 최적화된 다양한 기능을 제공합니다. 특히, 파일 다운로드 과정에서의 사용자 인터랙션과 관리의 효율성을 높이는 데 주력하고 있습니다. PHP를 기반으로 한 백엔드 로직과 HTML, CSS, JavaScript를 활용한 프론트엔드 구현이 조화를 이루고 있습니다. 1. 환경 설정 및 핵심 라이브러리 연동 ▪ <?php if (!defined("_GNUBOARD_")) exit; ?>: 그누보드 보안 규약을 준수하여 외부에서의 직접적인 파일 접근을 방지합니다. ▪ include_once(G5_LIB_PATH.'/thumbnail.lib.php');: 게시물에 첨부된 이미지 파일의 썸네일 생성을 담당하여, 이미지 로딩 속도를 최적화하고 일관된 UI를 제공합니다. ▪ add_stylesheet, <link rel="stylesheet">, <script src="...">: 기본적인 디자인을 위한 style.css 외에도, SwiperJS를 통해 이미지 슬라이드 기능을 구현하고, viewimageresize.js를 통해 게시물 본문의 이미지 크기를 반응형으로 조절하여 다양한 디바이스에서 최적의 가독성을 제공합니다. 2. 게시물 관련 상단 액션 버튼 게시물 상단에 위치한 버튼들은 관리자 및 일반 사용자의 편의를 위한 빠른 접근 기능을 제공합니다. ▪ 관리 버튼 (admin_href): 게시물 관리자에게 직접 관리 페이지로 이동하는 링크를 제공하여 운영 효율성을 높입니다. ▪ 스크랩 버튼 (scrap_href): 사용자가 관심 있는 자료를 개인 스크랩 목록에 추가하여 추후 다시 찾아볼 수 있도록 지원합니다. ▪ 목록 버튼 (list_href): 현재 게시판의 전체 목록으로 신속하게 돌아갈 수 있습니다. ▪ 글 등록 버튼 (write_href): 새로운 자료를 등록할 수 있는 페이지로 이동하며, main_color_bg 클래스로 시각적인 강조를 더합니다. 3. 게시물 상세 정보 표시 게시물의 제목, 작성자, 작성일시 등 기본 정보를 모바일과 PC 환경에 맞춰 유연하게 보여줍니다. ▪ 제목 (<h2>): get_text($view['wr_subject'])를 통해 게시물의 제목을 표시합니다. ▪ 작성자 정보 (.rb_bbs_for_mem_names): 작성자명($view['name'])과 함께 설정에 따라 IP 주소($ip), 작성일시(passing_time3, date("Y.m.d H:i"))를 표시하여 정보의 투명성을 높입니다. ▪ 상태 아이콘 (lb_ico_new, lb_ico_hot): 게시물의 등록일(bo_new)과 조회수(bo_hot)를 기준으로 '새글' 또는 '인기' 아이콘을 동적으로 표시하여 주목도를 높입니다. ▪ 카테고리 및 뱃지: 게시물의 분류(카테고리)와 추가적인 식별자(뱃지, wr_badge)를 시각적으로 구분하여 표시함으로써 자료의 성격을 명확히 합니다. ▪ 조회수 및 댓글 수 (rb_bbs_for_btm_info): 게시물의 조회수(wr_hit)와 댓글 수(wr_comment)를 아이콘과 함께 표시하여 자료의 인기도를 한눈에 파악할 수 있게 합니다. 4. 첨부 파일 및 다운로드 기능 (핵심!) 다운로드 게시판의 핵심 기능으로, 첨부된 파일들을 체계적으로 목록화하고 다운로드 관련 로직을 처리합니다. ▪ 첨부 파일 목록 (.rb_bbs_file): 파일명($view['file'][$i]['source']), 파일 크기($view['file'][$i]['size']), 그리고 **다운로드 횟수(number_format($view['file'][$i]['download']))**를 명확하게 표시합니다. 이는 일반 게시판과 차별화되는 중요한 지표입니다. ▪ 파일 다운로드 로직 (.view_file_download, JavaScript): ▪ 포인트 차감 시스템 (bo_download_point): 이 기능은 다운로드 게시판의 가장 큰 특징 중 하나입니다. if ($board['bo_download_point'] < 0) 조건에 따라, 파일 다운로드 시 회원 포인트가 차감되는 로직이 적용됩니다. 사용자가 다운로드 버튼을 클릭하면 로그인 여부를 확인하고, 차감될 포인트 정보를 명확히 고지한 후 최종 확인을 거쳐 다운로드를 진행합니다. 이는 자료의 가치를 부여하고 무분별한 다운로드를 방지하는 데 기여합니다. ▪ 로그인 필수 여부: 비회원일 경우 다운로드를 제한하고 로그인 후 이용하도록 안내합니다. ▪ 외부 링크 처리: convert_video_url 함수를 통해 YouTube, Vimeo 등 외부 비디오/오디오 링크를 자동으로 인라인 재생 가능한 형태로 변환하여 자료의 범위를 확장합니다. 5. 본문 콘텐츠 및 이미지 슬라이드 ▪ 강조 내용 (wr_subhead): 게시물 본문 상단에 별도의 강조 내용을 표시하여 핵심 정보를 요약 전달합니다. ▪ 본문 내용 (#bo_v_con): 게시물의 상세 텍스트 콘텐츠가 표시되는 영역입니다. ▪ 이미지 슬라이더 (SwiperJS): 게시물에 첨부되거나 본문 에디터에 삽입된 이미지들을 반응형 슬라이더로 제공합니다. 여러 장의 이미지가 있을 경우, 하단에 썸네일 내비게이션(mySwiper2)을 함께 제공하여 사용자가 원하는 이미지를 직관적으로 탐색할 수 있도록 합니다. 이는 다운로드 자료에 대한 시각적 정보를 효과적으로 전달합니다. ▪ 태그 (wr_tag): 게시물에 연결된 태그를 표시하여 유사 자료를 찾아볼 수 있도록 돕습니다. 6. 소셜 공유 및 URL 복사 ▪ G5_SNS_PATH."/view.sns.skin.php": 그누보드 내장 SNS 공유 기능을 활용하여 게시물을 페이스북, 트위터 등 다양한 소셜 미디어 플랫폼으로 쉽게 공유할 수 있도록 합니다. ▪ URL 복사: 현재 게시물의 URL을 클릭 한 번으로 클립보드에 복사할 수 있는 기능을 제공하여 자료 공유 편의성을 높입니다. 7. 하단 액션 버튼 그룹 게시물 하단에 위치한 다양한 액션 버튼들은 사용자가 게시물에 대해 취할 수 있는 다양한 행동을 유도합니다. ▪ 추천/비추천: 게시물에 대한 사용자들의 반응을 수집하고 표시합니다. 로그인 여부를 확인하며, `excute_good` 함수를 통해 비동기 방식으로 처리됩니다. ▪ 목록, 공유, 스크랩: 상단 버튼과 동일한 기능을 하단에서도 제공하여 사용자 편의성을 극대화합니다. ▪ 더보기 버튼 (PDF, 인쇄, 신고): 이전 요청에 따라 추가된 기능으로, 불필요한 요소를 숨겨 UI를 간결하게 유지하면서도 필요한 추가 기능을 제공하는 UX 개선 사례입니다. JavaScript를 통해 클릭 시 관련 버튼들이 동적으로 나타나도록 구현되어 있습니다. ▪ 답글, 수정, 복사, 이동, 삭제: 게시물 관리 및 상호작용을 위한 기본적인 기능들을 제공하여 게시판 운영의 유연성을 확보합니다. 8. 게시물 탐색 및 댓글 시스템 ▪ 이전/다음 글 (.bo_v_nb): 게시물 간의 유기적인 탐색을 가능하게 하여 사용자가 관련 자료를 쉽게 찾아볼 수 있도록 돕습니다. ▪ 댓글 입출력 (view_comment.php): 별도의 PHP 파일을 포함하여 게시물에 대한 사용자들의 의견을 교환할 수 있는 댓글 기능을 제공합니다. 이는 자료에 대한 피드백 및 추가적인 정보 교환의 장이 됩니다. 결론 이 그누보드 다운로드 게시판 스킨의 view.skin.php는 단순히 게시물을 보여주는 것을 넘어, 파일 다운로드라는 특수 목적에 최적화된 기능을 제공합니다. 첨부 파일의 명확한 정보 제공, 포인트 차감 시스템을 통한 자료의 가치 관리, 그리고 SwiperJS를 활용한 이미지 슬라이더 등은 사용자가 자료를 효과적으로 탐색하고 활용할 수 있도록 돕습니다. 또한, 유연한 버튼 구성과 추가적인 '더보기' 기능은 사용자 경험을 한층 더 향상시키는 중요한 요소입니다. 이 스킨은 자료 공유 웹사이트를 구축하고자 할 때 강력한 기반을 제공할 것입니다.

관리자　2025-05-18　다운로드 게시판 스킨

그누보드 기본 게시판 스킨 분석: 개별 게시물 상세 보기 (`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 등 다양한 형태의 게시판에 범용적으로 적용**할 수 있으며, 그누보드 사이트 구축 시 가장 기본적인 토대가 됩니다. 어떤 종류의 게시판에 이 스킨을 적용할 계획이신가요? [이 게시물은 관리자님에 의해 2025-06-07 06:24:04 베이직 게시판 스킨에서 이동 됨]

관리자　2025-05-18　방송인

할 일 　

*** 데모 게시판의 - 게시글 > 웹솔루션 게시판으로 복사 이동 *** 키보드, 파워, 부품 성능 진단 도구 총정리: PC 성능 최적화를 위한 필수 유틸리티 가이드 >>> 링크 수정 *** 원하는 소프트웨어 제안 >>> 분류 나누기 >>> 다운로드 메뉴로 웹솔루션, 자영업, 자동화... 이렇게.. 다운로드 메뉴 - 파일 업로드 (문서) (유틸리티, (윈도우,) 기타 taiweb 자료 업데이트 웹사이트 등록 1. 보안 인증서 2. HTTPS 리다이렉션 3. 사이트맵 등록 4. RSS 제출 웹페이지 수집 요청 사이트맵 제작 및 제출 AI 질문 답변 (질답) 게시판 생성 AS 대행 유통사 >> 지도 넣기 >> 해당 부품 불량 사진 넣기 >> 규정 표? 추가 삽입 FAQ 내용 >>> 플레이어 > 이용안내로 글 내용 재작성 인기, 새글 등 아이콘 배경 > 지정색으로 변경 (또는 검은색? 공지 처럼) 목록에서 하단 버튼 위치 재정렬 댓글 텍스트에이리어, 클릭 후 글 쓰면 폼이 넓어짐 (css script 수정) 카테고리 짤리는 문제..... 동영상 스킨에서 내용보기로 들어가면 warning 에러 및 파비콘 없어짐 게시판 제목, 오버 시 색상 변하게... ******ai 채팅 사이트 처럼... 아이디 변경 *****https://candy.ai/?via=affinco51아이콘 이미지 45프로필 이미지 새로업로드.. >>프로필 게시판 생성 >> 총 12명, 프로필 업로드 (ai 여자 실사 사진 생성) 과 같이 >> 연락처, 채팅 sns 등 등록 (기존 서명 제외) 실행파일에서 아이디, 이메일, 닉네임 정보도 상단에서 지정할 수 있게 코드 수정 플레이어 동영상 > 룩북만 가져오기 video 새로생성한 유튜브 랭크 게시판 라이프로 이동 게시판 별 실시간구독자수, 대시보드 등 서비스 제공하고…. 게시판은 유튜브 랭크 게시판에서 생성한 카테고리에 맞춰서 게시판 수정하기 현재 유튜브 나머지는 > 일상(라이프로) 메뉴로 다시 하나로 만들기 실시간 인기영상 조회수 > 그누보드 조회수에 추가하기

관리자　2025-05-17　버그/제안

게시판 확장기능 / 위젯 / 회원 / 시스템 / 관리 / 마켓 　

아래 처리 되는 순으로, 각각 게시물 하나씩 별도로 작성하기. 특수위젯(설정연동) 인기글 날씨 환율 게시판 확장기능 댓글 파일첨부 댓글 추천댓글 페이스콘 게시물 신고 Debug 이미지 워터마크맨션(@)+알림 회원 구독+알림 1:1 채팅(AJAX) 포인트 충전/출금 레벨링 포인트 선물 미니홈 플러스 SMS 인증 SMS 비번 초기화 시스템 웹앱+푸시알림 자동번역 광고 관리 예치금 관리 예약 관리 인트로(폐쇄형)다크모드 알림톡 관리 그룹팝업 관리 신청폼 관리 포인트 쿠폰관리 추천인 관리관리자모드 UI 마켓 입점 시스템 Beta 컨텐츠 상품관리 타임딜 체험단 관리 1. vl.auto.comment.board 2. vl.auto_hashtag.board : 자동 해시태그 3. vl.auto_media.player.embed -. 음악/동영상 링크 정보 : 완료 -. 기능 : 미디어파일일 경우 게시물 자동 출력 4. vl.call.google.api 5. vl.call.hashtagify 6. vl.call.naver.api 7. vl.call.search.api

관리자　2025-05-17　버그/제안

게시판 스킨 　

게시판 스킨 유튜브 캘린더 채용정보(지도) 컨텐츠 포인트자료실 별점거래 포토폴리오 폼메일 https://sir.kr/cmall/1678953880?qcaid=30 rb.gallerybox_bbs 신규 rb.gallerytext_bbs 신규 포인트 게시판 스킨 (다운로드/자료실) 채용정보 스킨 (구직정보/구인정보) 거래 게시판 스킨 (거래정보, 상품정보) 캘린더 게시판 스킨 ( 이벤트 게시판 스킨 (시작일, 종료일을 입력할 수 있는 이벤트 게시판 입니다. 컴퓨터 조립 견적 게시판 스킨 (다나와 같은 디비를 통해 합산 견적 산출 할 수있는 / 공임비 별도 추가 할 수있는 게시판 스킨) 홈페이지 제작 견적 게시판 스킨 (무료 이 외 유료 기능 체크를 통해 전체 견적 산출 할 수 있는) 송탄행사... 지역관련.. 스포츠센터 / 상권 / 회사 / 교육 / 모임 관련 홈페이지 샘플 만들기 (포트폴리오) 쇼핑몰 관련... 홈페이지 샘플 만들기 (테마)

관리자　2025-05-16　버그/제안

포인트 정책 및 선물/충전 등 추가 기능 적용 　

1. 포인트 -. 첨부파일 : 다운로드 시 포인트 차감 게시판 (포인트 게시판 참고 : https://demo.rebuilder.co.kr/point_bbs -. 게시물 포인트 선물 : https://rebuilder.co.kr/userdata/566 -. 게시판 글/댓글 보너스 포인트 지급 : https://rebuilder.co.kr/userdata/280?page=2 -. 추천 시 추천받은 사람, 한 사람 포인트 지급 : https://rebuilder.co.kr/userdata/380?page=2 -. 포인트 충전/출금 신청 게시판 : https://rebuilder.co.kr/item/187

관리자　2025-05-16　버그/제안

글쓰기, 본문, 댓글, 글목록 영역 개선 　

1. 글쓰기 영역 -. 적용 대상 : 전체 게시판 스킨 -. 뱃지: 완료 (여분필드 미사용 wr_badge 필드 생성/이용) -. 요약정보 및 내용 : 완료 (여분필드 미사용 wr_subhead 생성/이용) -. 해시태그 : 완료 (여분필드 미사용 wr_tag 필드 생성/이용) -. 첨부파일 끌어오기 : 완료 : 개선/제안 게시물 등록 -. 게시판 에디터 : 완료 (tinyMCE) -. AI 글 내용 자동 작성 (글 요약 또는 강조 부분에 활용 하면 좋을 듯) : https://rebuilder.co.kr/userdata/325?page=2 -. 사진효과/출력정보 : 완료 (프로필 게시판만 적용, 완료) : 개선/제안 게시물 등록 (현재 효과 문제 있음 > 스와이프 기능으로 변경 필요 https://rebuilder.co.kr/userdata/501) -. 익명 글쓰기 -. 뱃지 input 박스 넓이 = 카테고리 박스와 동일한 길이로 조정 2. 글 내용 2-1). 뱃지: 완료 -. 미출력 (프로필 게시판만 출력 됨 >> 뱃지 위치 카테고리 옆으로 | 이걸로 구분 ) -. 글쓰기 페이지 뱃지 위치 카테고리 밑으로 -. 뱃지 css 확인 후 필요 없으면 뱃지 css 부분 삭제 처리 2-2) 해시태그 : 완료 -. 게시판 스킨 별 마우스 오버 효과 상이함 (style.css wr_tag 점검) 2-3) 강조글 요약정보 및 내용 : 완료 -. 특정 게시판 스킨 - 강조글, 요약정보의 배경 css 적용 안됨 2-4) 글 내용(본문) 아래 버튼, 상단에도 적용 -. 대상버튼 : 수정, 복사, 이동, 삭제, 목록, 스크랩, 글 등록 버튼 (사유 : 수정을 위해 최초 게시물 클릭 후 접속 시 수정 버튼을 누르기 위해 꼭 아래로 스크롤를 해야 하는 불편함 발생) 2-5) 링크 본문 내 자동 삽입 : 링크1, 링크2 동영상, 음악 파일 아닌 경우 본문 자동 삽입 - 주석처리 2-6) 버튼 위치 변경/추가 - 버튼 앞 아이콘 출력 , 추천, 비추천, 저장, 신고, PDF 아이콘 한줄에 표시 2-7) 공유 버튼 > 더보기 형태로 변경 (공유 소스코드 직접 입력, 링크복사 포함) 2-9) 추천 통계 : 추천, 별로예요 통계(간단 그래프) 출력 2-10) 공유와 추천, 비추천, 저장, 신고란 "한줄로" 통합 2-11) 배너 활성화 !!!!!!!!!! 2-12) 이전글/다음글 3. 댓글 -. 댓글 작성 폼 크기 변경 : 완료 : 개선/제안 게시물 등록 -. 댓글 작성 시 첨부파일 : 완료 : 개선/제안 게시물 등록 -. 댓글 , 개별 자세히보기 / 접기 버튼 : 완료 : 개선/제안 게시물 등록 -. 댓글, 전체 더보기 / 간략히 버튼 : 완료 : https://rebuilder.co.kr/tip/275 -. 댓글 추천/비추천 버튼 : 칼럼 매번 검사하는 문제 (여분필드로 사용 또는 최적화) -. 댓글 : 답글 버튼 위치 추가 -. 댓글 정렬 : 기본, 추천, 등 -. 댓글 고정 기능 (유튜브 처럼 댓글 상단 고정 기능) -. 댓글 추천 시 포인트 지급 4. 글 목록 4-1) 글 정렬 (날짜순, 추천순, 조회순) : https://rebuilder.co.kr/userdata/429 (셀렉트 박스 마우스 오버 색상 - 포인트 정책 버튼과 동일한 색상으로 변경) 4-2) 공지 강조형 : https://rebuilder.co.kr/item/152 (다운로드, 공지 게시판 스킨 > 공지 보다 일반 게시물의 숫자, 제목 등이 더 넓음, 가로폭 동일하게 조정) -. 웹진, 갤러리, 프로필, 비디오 형태의 게시판 스킨, 상단 공지 강조 -. 웹진, 갤러리, 프로필, 비디오 형태의 게시판 스킨, 상단 공지 강조 > 공지 등록된 게시물은 목록에 미노출 되도록 -. 베이직 게시판 스킨, 썸네일 이미지 출력 -. 웹진 게시판 스킨, 좌우 꼬임, css ...2 ...2 형태로 추가하여 코드 수정) -. 개선/제안 게시판 처리완료의 경우 목록에서 테이블 배경 색상 회색 출력되도록 -. 글 목록 : 뱃지 출력 / 카테고리 + 뱃지 출력 -. 글 목록 상단부, 버튼 추가 : 목록 우측상단, RSS, 삭제, 복사, 이동, 검색 글등록 버튼 추가 출력 -. 목록 - 카테고리 - 좌우 화살표 더보기 같은게 있으면 좋겠음 4-3) 다운로드 게시판 스킨, 목록 : 웹진 게시판 스킨과 게시물 제목 부분(기타정보포함) 동일하게 수정 (날짜, 글쓴이, 추천수, 조회수 등등) 4-4) 통합 : 공지 제목 (두껍게 font-B) (일반 게시물 보통 font-R)

관리자　2025-05-16　버그/제안