Twave 테마 베타 2 정보
Twave 테마 베타 2관련링크
첨부파일
본문
[2024. 10. 28 베타2 안내]
채팅 기능을 중심으로 강화했습니다.
1. 기존의 보안이 약한 것 같아 최대한 비회원과 당사자가 아닌 사람은 공유 파일을 보기 힘들도록 구현했습니다.
(참고: https://dsclub.kr/dev/18 )
sudo chmod 777 -R /var/www/html/chat_data 를 해주어야 정상적으로 저장이 되는 것 같습니다.
또한 새로고침 기능이 생각보다 실사용에서 크게 쓰이지 않는 것 같아 이모티콘 보내기 기능을 추가했습니다.
chat_data/emoji 안에 원아는 그룹명의 폴더를 만들고 해당 폴더 안에 원하는 사진들을 추가하면 됩니다.
채팅 시 해당 폴더 이름과 같은 그룹 목록들이 추가되게 됩니다.
채팅 시 공유한 이미지는 webp로 포멧되어 용량을 줄여 저장하게 됩니다.
또한 공유 이미지 표현 성능을 강화하였으며, 이모지 하나를 보내면 카카오톡 처럼 확대됩니다,
로컬 스토리지를 사용해서 다시 접속 시 서버의 자원을 거의 사용하지 않고 해당 기기 내에서 이미지를 출력하게 됩니다.
2. 프로필 기능 강화
기존에는 편법으로 자신의 프로필에서 팔로우를 누를 수도 있었고 다른 회원이 개인 전용 프로필 페이지에 접속할 수도 있는 문제가 있었습니다. 이 점을 해결했습니다.
3. 온/오프라인 표시기능 추가
채팅 내역, 프로필 페이지에서 로그인 한 회원은 파란 동그라미 표시가 뜨게 되며 오프라인 회원은 회색 동그라미가 뜨게 됩니다.
4. 댓글 알림 기능 추가
내가 작성한 게시글에 댓글이 작성되면 쪽지기반 알림이 가도록 구현했습니다.
5. 기타 접근 문제 해결
비회원 접근 시 계속해서 무한으로 권한이 없다는 메시지가 뜨는 것을 해결하였습니다.
자세한 사항은 https://dsclub.kr/search/?Twave 에서 찾아보세요
데모인 https://dsclub.kr/Twave 는 Twave테마 구조상 오류가 일부 있어서 https://dsclub.kr 에서 테스트하시는 것을 추천드립니다.
id: test
pw: test
우선 기반 자료를 제공해주신 분들을 소개합니다.
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. 추후 추가할 유튜브 미디어 표시 기능 제작에 도움을 주신 비타주리님께 감사인사 드립니다. ??
다시 한 번 위의 도움을 주신 분들께 감사인사 드립니다. ???
?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 업로드 예정
1
댓글 전체
chatgpt4로 작업했습니다, 저작권 문제나 작동이 안되는 문제가 있다면 쪽지로 알려주세요.
그리고 회원가입 시 로봇 인증하는 캡챠 부분이 아무렇게나 넣어도 뚫리는 문제가 있는데 고수님들이 잘 해결해주실 것이라 믿습니다;;
프로필 데모: https://dsclub.kr/bbs/profile.php?mb_id=woojintak
(프로필 qr코드를 공유하기 버튼 딸깍 한번에 생성할 수 있다?!?!)
테마색만 잘 뽑고 적당한 기능 몇 개 넣으면 쓸만한 것 같습니다. (최적화&정리는 대입때문에 시간이 없어 27년까지 못 할 것 같습니다. 가끔 들어와서 수정하는 정도만 가능할 듯 하네요.)
빠른 문의는 *** 개인정보보호를 위한 이메일주소 노출방지 *** 으로 주세요.
자잘한 업데이트는 코드 추가/수정 게시글을 https://dsclub.kr/code 또는 https://dsclub.kr/dev 에 추가해놓겠습니다.
감사합니다