그누보드5 Twave 테마(theme) 베타 [BETA] > 자료실 (zip)

우선 기반 자료를 제공해주신 분들을 소개합니다.

1. https://sir.kr/g5_theme/8152

Twave는 그램 테마 기반입니다.

해당 자료 이용을 허락해주신 리자님과 SIRTHEME님께 감사인사 드립니다. 😌😁☺️☺️☺️😗

2. https://sir.kr/g5_skin/45369 , https://sir.kr/g5_skin/39250

Twave의 1:1 채팅 기능과 메인 최신글, 내가 쓴 글 출력 기능의 기반은 펄스나인님의 작품입니다.

자료를 이용할 수 있게 해주셔서 감사합니다 :) 👍👍👍

3. https://sir.kr/g5_tip/3593

Twave의 멘션(태그)기능은 그랑블루님의 팁을 기반으로 제작하였습니다.

자료 이용을 허락해주셔서 감사합니다. 🙏☺️😀😊

4. 추후 추가할 유튜브 미디어 표시 기능 제작에 도움을 주신 비타주리님께 감사인사 드립니다. 😊😊

 

다시 한 번 위의 도움을 주신 분들께 감사인사 드립니다. 🙏🙏🙏

 

냑(sir.kr)에 먼저 배포하려 했으나 작업을 아이패드로 하다보니 스타일을 아직 스킨 및 여러 기능들에서 분리를 하지 못하였거나 최적화가 덜 끝난 불안정한 부분이 있어 지금 공개하는 테마는 베타버전이라 생각하시면 됩니다. 완전한 버전이 아니라 올리기가 애매해서 dsclub에 먼저 올리는 점 양해부탁드립니다.

 

🔥Twave 테마의 기능을 소개합니다.

1. 회원 시스템 - 프로필을 기반으로 여러 기능들을 추가하였습니다.

 - 프로필 보기 기능, 기존의 그누보드5 기본 테마에도 자기소개 보기 기능이 있었습니다. 하지만 디자인이 투박하고(가장 큰 문제) 요즘 나오는 sns같은 프로필 공유 기능이 없어 아쉬웠는데요, 이 아쉬움을 해결했습니다. 게시물의 작성자를 눌러 프로필 페이지로 이동 가능합니다.

 - 공유하기 버튼을 누르거나 프로필 사진을 꾹 눌러 프로필을 sns에 손쉽게 공유할 수 있습니다. (프로필 사진을 꾹 눌러 메뉴가 뜨지 않을 수 있습니다. 베타 버전이니 양해 부탁드립니다. 🙏)

 - 프로필 QR 기능을 추가했습니다. 공유하기 버튼의 qr을 메인 페이지의 qr 버튼으로 인식하여 손쉽게 해당 프로필을 열람할 수 있습니다.

 - 프로필에서 해당 회원의 게시물 작성 내역을 볼 수 있습니다. 해당 프로필의 회원의 게시물에는 각각 프로필, 제목, 내용, 이미지가 함께 출력됩니다.

 - 개인 메뉴를 추가하였습니다. 내 프로필을 클릭했을 때 나오는 자물쇠 아이콘을 눌러 내가 쓴 게시물, 멘션 등을 확인할 수 있으며 회원탈퇴또한 할 수 있습니다.

 - 회원 가입 간략화를 진행했습니다. 기존 회원가입 페이지는 디자인도 지금의 트랜드와는 조금 거리가 있고, 정보를 너무 많이 요구하는 듯한 느낌이 들게 만드는 디자인이었습니다. 따라서 회원가입 약관은 더보기를 통해 볼 수 있게 하고, 최초 회원가입 시 회원 닉네임과 아이디가 통합되어 가입되도록 수정했습니다. 모달이 순서대로 뜨는 방식으로 일부 기기에서는 깜빡 거림이 일시적으로 발생하며 깨져보이거나 기존 그누보드의 폼이 잠시 노출될 수 있습니다. 또한 회원 프로필 수정 페이지도 간단하게 만들어 더욱 회원이 이용하기 편리할 것으로 예상합니다.

*2024. 09. 20 프로필 비밀번호 수정 오류 해결(자료에는 아직 미적용)

*2024. 08. 19 팔로우 시스템 추가 (패치중/안정화 완료)

팔로우 시스템은 팔로워 팔로우를 확인할 수 있는 부분과 팔로워 팔로잉 리스트 출력 기능이 제공됩니다.

팔로우 버튼. 팔로워 팔로잉 수 출력부분: https://dsclub.kr/bbs/profile.php?mb_id=woojintak (팔로워 팔로잉 버튼 눌러 팔로워 팔로잉 리스트 확인 가능)

팔로워 팔로잉 리스트: https://dsclub.kr/bbs/follow.php?mb_id=woojintak 

https://dsclub.kr/zip/122 (팔로우 시스템 적용 관련 자료)

*2024. 08. 21 프로필 수정에서 프로필 이미지 새로 변경 시 완료 버튼을 누르지 않아도 바로 반영되서 이미지 미리보기 출력되도록 수정

https://dsclub.kr/dev/5 (2번 사항)

*2024. 10. 05 개인 프로필, 공개 프로필 분리 성공, 보안성 향상됨 (자료에는 미포함)

*2024. 10. 06 개인 프로필 설정에서도 꾹 눌러 프로필 보기 기능 적용 (자료에는 미포함)

*2024. 10. 08 채팅 목록 화면과 프로필 화면에서 로그인 중인지(접속 중인지) 확인할 수 있는 아이콘 표시 기능 추가, 접속 중이면 파란색, 오프라인이면 회색 출력 (자료에는 미포함)

 

2. 최신글 출력의 게시판 변경 기능을 추가하였습니다. 물론 현명한 비동기방식(?)이 아닌 한 번에 자료를 다 가져오는 방식이라 성능이 떨어질 수 있습니다.

 

3. 갤러리 글쓰기 폼과 갤러리 스킨을 일부 수정하였습니다.

 - 업로드한 사진은 바로바로 볼 수 있으며 좌우 스크롤 할 수 있게 출력됩니다.

 - 회원의 경우 댓글에 이미지 첨부가 가능합니다. 다만 보안 문제가 일부 있을 수 있습니다.

*2024. 08. 15

덤으로 일반 베이직 스킨도 추가했습니다. :)

 

4. 1:1 채팅기능, 기존 펄스나인님의 1:1 채팅 기능에 추가 기능들을 넣었습니다.

 - 미디어 링크(이미지, 동영상, 음성파일, 텍스트파일, 압축파일 등)(유튜브는 조만간 추가 예정, 실력 이슈로 못 넣음/ *2024. 09~ 유튜브 출력 기능 추가)를 미디어화 기능이 있으며 이미지, 동영상, 음성파일은 각각 사진, 동영상, 음원으로 출력되고 나머지들은 파일 다운로드 아이콘으로 대체되어 출력됩니다.

 - 미디어 중 이미지, 동영상을 클릭하여 추가 메뉴를 확인할 수 있습니다.

*2024. 09. 15 채팅 첨부 차일 미리보기가 하나만 출력되던 것을 각 파일마다 출력될 수 있도록 오류 수정 (본 자료에는 아직 미적용)

 (*미디어 첨부기능을 추가하였습니다. 이 방식은 미디어 첨부 후 미디어 링크 추출 후 미디어링크를 쪽지로 전송한 뒤 미디어로 표시하는 방식이라 성능면에서 부족할 수 있습니다.)

*2024. 09~ 채팅 시 전송하는 파일 보안 기능 추가 (네이버에서는 보안이 잘 안됨) (자료에는 미포함)

5. 쪽지 기반 멘션기능과 검색 기능 기반 태그기능을 추가하였습니다. 그누보드5의 기존 기능들을 알뜰하게 이용하였지만 멘션 기능의 경우 존재하지 않는 회원에게도 알림을 보내는 문제가 있으며 태그 기능의 경우 링크에 포함된#뒤의 텍스트를 태그 처리하는 문제를 아직 해결하지 못했습니다. 🙏 (*2024. 07~08 해결 완료)

*2024. 08. 15 패치 (본 자료는 아직 수정 x, 베타2 게시 전까지는 각자 수정해주세요)

https://dsclub.kr/code/803

*추가 오류 발견 - 에디터로 작성한 글 중 멘션, 태그처리된 게시글, 댓글 수정 시 수정페이지에서 수정할 글 안 보임 (*2024. 07~08 해결 완료)

*2024. 08. 21 패치 (본 자료는 아직 수정X, 각자 수정해주세요)

https://dsclub.kr/code/820 

*2024. 09~ 채팅 사진 업로드 시 로컬 스토리지를 이용한 새로고침이 발생해도 안정적인 업로드 유지 기능과 업로드 예상 시간 출력기능 등을 추가

*2024. 10~ 로그인(접속중인) 한 회원 표시기능 추가

 

이용 방법:

1.

먼저 첨부파일을 압축해제한 뒤 안의 파일들을 그누보드5 파일이 업로드된 곳에 덮어쓰기 해주세요.

 

2.

/theme/basic/Twave/mobile/skin/member/basic/memo_form.skin.php에서 첨부파일 경로를 수정할 수 있습니다. 기본 설정 경로는 도메인/chat_data 입니다. 주석에 적힌 설명을 참고하여 다른 서버로도 쉽게 설정 가능합니다.

sudo chmod 777 -R /chat_data를 해주셔야 원활한 이용 가능합니다. (안그러면 작동하지 않을 수 있어요)

 

3.

/theme/basic/Twave/mobile/skin/board/gallery/view_comment.skin.php에서 댓글 첨부파일 경로를 수정할 수 있습니다. 기본 설정 경로는 도메인/comments_data 입니다. 주석에 적힌 설명을 참고하여 다른 서버로도 쉽게 설정 가능합니다.

sudo chmod 755 -R /comments_data를 해주셔야 원활한 이용 가능합니다. (안그러면 작동하지 않을 수 있어요)

 

4.

/theme/basic/Twave/mobile/skin/member/basic/memo_form.skin.php에서 미디어 첨부 아이콘은 주선의 여러 선택지를 통해 바꾸거나 직접 다른 경로를 선택하여 커스텀할 수 있습니다.

 

5.

회원만 이용 가능하게 게시판의 작성 권한을 2로 설정해주시면 더욱 디자인적으로 보기 좋습니다 :)

 

6.

갤러리 스킨을 이용하는 게시판은 에디터를 사용하지 않는 것을 추천하며 첨부 파일 업로드 가능 개수를 높게 잡아주시는 것을 권장합니다.

 

7.

페이지 로딩 시 스핀 모션을 보여주는 코드가 theme/Twave/head.sub.php에 있으니 필요 없으신 분들은 제거하셔도 됩니다.

 

8.

멘션과 태그 기능 코드는 theme/Twave/tail.sub.php과 bbs/alarm.php에 위치합니다.

 

9.

 - 모든 게시판들은 생성 시 글쓴이 사이드뷰를 사용으로 설정해주세요. (프로필을 보기위함)

 - 전체검색을 허용으로 설정해주세요. (프로필의 회원이 쓴 글 확인 기능을 위함)

 - 전체 목록 보이기를 사용으로 설정해주세요. (디자인적 이유)

 

*파일첨부기능 패치(단일서버이용자): https://dsclub.kr/zip/116

 

Twave와 함께 사용하면 좋은 자료(권장):

1. jihan006?님의

https://sir.kr/g5_plugin/11262 를 이용하시면 회원 아이콘과 회원 이미지를 통일시킬 수 있습니다. 적극 사용을 권장드립니다.

 

2. 펄스나인님의

https://sir.kr/g5_plugin/12377 를 이용하여 기본 제공 sns 공유 플러그인의 카카오톡 공유기능을 수정(커스텀)하시면 더욱 풍부한 게시물의 내용을 공유할 수 있습니다.

 

3. 이 사이트(dsclub)의 팁 중 개발자 모드 및 프로그램 차단 코드 사용을 추천드립니다.

https://dsclub.kr/code/789

 

주의)

이 테마를 이용하시는 모든 분께 주의의 말씀 드립니다.

본 테마의 첨부파일 첨부 방식은 Twave를 이용하는 타서버에서도 나의 서버의 저장 위치와 저장을 시키는 data.php파일의 경로를 알면 너무나도 쉽게 업로드가 가능해집니다. 한마디로 유해 파일이 나의 서버에 저장되거나 혹은 나의 서버의 저장공간이 낭비될 수 있는 문제가 발생할 수 있습니다. 기본적으로 실행 파일이 아닌 이미지파일, 동영상파일, 압축파일, 텍스트 파일, pdf, ppt, 워드파일만 저장 가능하게 만들어 놓았으나 첨부파일 기능을 이용하실 예정이라면 따로 저장 경로를 기본으로 지정된 경로에서 바꿔주시길 바랍니다.

 

실력이 부족하여 여러 문제가 있는 자료를 배포해서 마음이 불편하지만 Twave에서 이용허락 받은 기반 자료(1, 2, 3)을 제외하고 나머지는 재배포 가능합니다(비영리 목적으로) 그누보드를 더 발전시켜주시길 바랍니다 :)

 

5.6.4버전에서만 테스트해서 다른 버전의 호환성은 아직 파악하지 못했습니다.

* sns 플러그인을 추가 했습니다

 

데모 보기: https://dsclub.kr/Twave

테스트 아이디: test

테스트 비번: test

 

관리자 설정 구경:

아이디: bcmin

비번: bcmin

 

데모 사진:

 

*본 자료가 올라와있는 dsclub은 Twave를 커스텀해서 사용하고 있습니다.

 

*저도 제 태그 시스템 오류에 당해서 재업로드 합니다...

*패치한 부분은 추후 정식버전에 전부 적용될 예정입니다.

*계속 개발하는 기능들은 대부분 정식버전에 탑재할 예정, 다만 본 게시글의 첨부파일명이 바뀌었다면 업데이트 된 것 입니다.

 

 

*2024. 10~ 베타2 업로드 예정

좋아요2 이 글을 좋아요하셨습니다