Twave 테마 베타3
본문
[2024.12.04 Twave 베타3 업데이트 사항 안내]
Twave 베타2에서 몇몇 오류 및 누락된 부분과 공식 업데이트 사항(https://dsclub.kr/dev or https://dsclub.kr/code )을 적용하였습니다.
기존에는 웹서버 루트폴더에서만 이용가능했지만, 다른 서브 폴더에서도 작동 가능하도록 수정했습니다.
또한 dsclub.kr에서 실 사용중인 테마를 기반으로 만들다 보니 몇몇 파일 경로가 dsclub.kr~ 로 지정되어있던 문제를 해결하였습니다.
아이콘과 회원 이미지를 통합할 수 없어 펄스나인님의 플러그인에 의존해야 했던 문제를 해결하였습니다.
또한 회원 탈퇴기능을 추가하고, 실험적이던 코드 일부를 정리하였습니다.
주요 업데이트 내용(기존 Twave 베타2와 동일)
보안 강화 및 이모티콘 기능 추가
- 보안 강화: 비회원이나 당사자가 아닌 사람이 공유 파일을 보기 어렵도록 보안을 강화하였습니다.
- 이모티콘 보내기 기능: 채팅 시 원하는 이모티콘을 보낼 수 있도록 기능을 추가하였습니다.
chat_data/emoji
폴더 내에 원하는 그룹명으로 폴더를 만들고, 해당 폴더에 이미지를 추가하면 채팅에서 해당 이모티콘을 사용할 수 있습니다.
- 이미지 최적화: 공유한 이미지를 WEBP 포맷으로 저장하여 용량을 줄였습니다.
- 이모지 표현 개선: 이모지 하나만 보낼 경우 카카오톡처럼 확대되어 표시됩니다.
- 로컬 스토리지 활용: 재접속 시 서버 자원을 거의 사용하지 않고 기기 내에서 이미지를 출력합니다.
프로필 기능 강화
- 프로필 접근 제한: 자신의 프로필에서 팔로우를 누를 수 있었던 문제와 다른 회원이 개인 전용 프로필 페이지에 접근할 수 있었던 문제를 해결하였습니다.
- 프로필 보안 강화: 타인의 개인 프로필 탭에 접근할 수 없도록 수정하여 보안을 강화하였습니다.
온/오프라인 표시 기능 추가
- 회원 접속 상태 표시: 채팅 내역과 프로필 페이지에서 로그인한 회원은 파란 동그라미로, 오프라인 회원은 회색 동그라미로 표시됩니다.
- 실시간 상태 확인: 회원의 접속 상태를 실시간으로 확인할 수 있습니다.
댓글 알림 기능 추가
- 알림 기능: 내가 작성한 게시글에 댓글이 작성되면 쪽지 기반 알림이 전송됩니다.
- 소통 강화: 사용자 간의 원활한 소통이 가능합니다.
기타 접근 문제 해결
- 비회원 접근 오류 수정: 비회원 접근 시 무한으로 권한이 없다는 메시지가 뜨는 문제를 해결하였습니다.
자세한 사항은 https://dsclub.kr/search/?Twave에서 확인하실 수 있습니다.
데모 사이트 및 테스트 계정
- 데모 사이트: https://dsclub.kr/Twave
- 베타2를 업데이트하던 도중 발견한 문제를 해결하여 정상적으로 이용할 수 있게 되었습니다.
- 테스트 계정
- 아이디: test
- 비밀번호: test
기반 자료 제공자 소개
리자님과 SIRTHEME님
- 그램 테마 기반: Twave는 그램 테마를 기반으로 제작되었습니다.
- 그램 테마 링크: https://sir.kr/g5_theme/8152
- 감사의 말씀: 자료 이용을 허락해주신 리자님과 SIRTHEME님께 감사드립니다.
펄스나인님
- 1:1 채팅 및 최신글 기능: Twave의 1:1 채팅 기능과 메인 최신글, 내가 쓴 글 출력 기능은 펄스나인님의 작품을 기반으로 합니다.
- 관련 자료
- 감사의 말씀: 자료 이용을 허락해주신 펄스나인님께 감사드립니다.
그랑블루님
- 멘션(태그) 기능: Twave의 멘션 기능은 그랑블루님의 팁을 기반으로 제작되었습니다.
- 관련 팁: https://sir.kr/g5_tip/3593
- 감사의 말씀: 자료 이용을 허락해주신 그랑블루님께 감사드립니다.
Twave 테마 주요 기능 소개
회원 시스템 강화 - 프로필 기반 기능 추가
프로필 보기 기능 개선
- 게시물의 작성자를 눌러 프로필 페이지로 이동 가능합니다.
- 프로필 페이지에서 해당 회원의 게시물 작성 내역을 볼 수 있습니다.
- 프로필에는 프로필 사진, 제목, 내용, 이미지가 함께 출력됩니다.
프로필 공유 기능
- SNS 공유: 공유하기 버튼을 통해 프로필을 SNS에 손쉽게 공유할 수 있습니다.
- QR 코드 기능: 프로필 QR 기능을 추가하여 메인 페이지의 QR 버튼으로 손쉽게 해당 프로필을 열람할 수 있습니다.
개인 메뉴 추가
- 내 프로필에서 자물쇠 아이콘을 눌러 내가 쓴 게시물, 멘션 등을 확인할 수 있습니다.
- 회원 탈퇴도 가능합니다.
회원가입 간소화
- 회원가입 약관은 더보기를 통해 볼 수 있게 하였습니다.
- 최초 회원가입 시 회원 닉네임과 아이디를 통합하여 가입하도록 수정하였습니다.
- 프로필 수정 페이지도 간단하게 만들어 회원의 이용 편의성을 높였습니다.
팔로우 시스템 추가
- 다른 회원을 팔로우하고 팔로워, 팔로잉 리스트를 확인할 수 있습니다.
- 팔로우 버튼 및 리스트 확인
- 관련 자료: https://dsclub.kr/zip/122
프로필 이미지 편집 기능 추가
- 프로필 사진을 업로드할 때 확대, 축소, 회전 등의 편집 기능을 제공합니다.
- 기기 자체의 사진 편집기를 사용하지 않고도 프로필 이미지를 꾸밀 수 있습니다.
온/오프라인 상태 표시
- 프로필과 채팅 목록에서 회원의 접속 상태를 확인할 수 있습니다.
- 접속 중인 회원은 파란색 아이콘, 오프라인 회원은 회색 아이콘으로 표시됩니다.
최신글 출력의 게시판 변경 기능 추가
- 최신글에서 게시판을 변경하여 볼 수 있는 기능을 추가하였습니다.
- 비동기 방식이 아니므로 성능 면에서 다소 떨어질 수 있습니다.
갤러리 글쓰기 폼 및 스킨 수정
- 업로드한 사진을 바로바로 볼 수 있으며 좌우 스크롤이 가능하도록 개선하였습니다.
- 회원의 경우 댓글에 이미지 첨부가 가능합니다.
1:1 채팅 기능 개선
- 미디어 링크 미디어화 기능 추가
- 이미지, 동영상, 음성 파일 등을 채팅에서 미디어로 표시할 수 있습니다.
- 유튜브 링크를 통한 미디어 표시 기능도 추가되었습니다.
- 채팅 파일 업로드 공유 보안 강화
- 공유 파일들을 회원별로 분리된 디렉토리에 저장하여 보안을 강화하였습니다.
- 한 폴더가 뚫리더라도 다른 유저들의 공유 파일은 노출되지 않습니다.
- 로컬 스토리지 활용
- 채팅 시 공유한 이미지와 동영상을 로컬 스토리지에 저장하여 서버의 저장 공간을 효율적으로 사용하고, 서버에서 삭제된 데이터도 기기에 저장되어 있으면 볼 수 있도록 하였습니다.
- 미디어 링크 미디어화 기능 추가
멘션 및 태그 기능 추가
댓글 알림 기능 추가
- 내가 작성한 게시글에 댓글이 작성되면 쪽지 기반 알림이 전송됩니다.
- 사용자 간의 소통을 더욱 원활하게 할 수 있습니다.
기타 기능 및 개선 사항
- 페이지 로딩 스핀 모션 추가
- 페이지 로딩 시 스핀 모션을 보여주는 기능을 추가하였습니다.
- 필요 없으신 분들은
theme/Twave/head.sub.php
에서 해당 코드를 제거하시면 됩니다.
- 개발자 모드 및 프로그램 차단 코드 사용
- 보안 강화를 위해 개발자 모드 및 프로그램 차단 코드를 활용하였습니다.
- 관련 팁: https://dsclub.kr/code/789
- 페이지 로딩 스핀 모션 추가
이용 방법
파일 설치
- 첨부된 파일을 압축 해제한 후, 그누보드5가 설치된 디렉토리에 덮어쓰기 해주세요.
권한 설정
- 채팅 데이터 폴더 권한 설정
sudo chmod 777 -R /chat_data
/theme/basic/Twave/mobile/skin/member/basic/memo_form.skin.php
에서 첨부 파일 경로를 필요에 따라 수정할 수 있습니다.
- 댓글 첨부 파일 경로 설정
sudo chmod 755 -R /comments_data
/theme/basic/Twave/mobile/skin/board/gallery/view_comment.skin.php
에서 경로를 수정할 수 있습니다.
- 채팅 데이터 폴더 권한 설정
게시판 설정
- 글쓴이 사이드뷰 사용: 모든 게시판 생성 시 글쓴이 사이드뷰를 사용으로 설정해주세요.
- 전체 검색 허용: 전체 검색을 허용으로 설정해주세요.
- 전체 목록 보이기 사용: 디자인적 이유로 전체 목록 보이기를 사용으로 설정해주세요.
기타 설정
- 페이지 로딩 스핀 모션 제거 방법
- 필요 없으신 분들은
theme/Twave/head.sub.php
에서 해당 코드를 제거하시면 됩니다.
- 필요 없으신 분들은
- 멘션과 태그 기능 위치
- 해당 기능은
theme/Twave/tail.sub.php
와bbs/alarm.php
에 위치합니다.
- 해당 기능은
- 페이지 로딩 스핀 모션 제거 방법
주의 사항
보안 이슈
- 첨부 파일 기능은 타 서버에서도 업로드가 가능하므로 저장 경로를 기본에서 변경하여 보안을 강화하시기 바랍니다.
- 저장된 파일들은 접근 허용 파일을 통해서만 접근할 수 있으므로 데이터 유출 시 피해를 최소화할 수 있습니다.
호환성
- 그누보드5 버전 5.6.4에서만 테스트되었으며, 다른 버전과의 호환성은 확인되지 않았습니다.
추가 업데이트 및 개선 사항
프로필 비밀번호 수정 오류 해결
- 비밀번호 변경 시 발생하던 오류를 수정하였습니다.
- 기존에는 비밀번호 확인 입력 부분이 연동되지 않아 오류가 발생했으나, 이를 해결하여 정상적으로 비밀번호를 변경할 수 있습니다.
팔로우 기능 안정화
- 팔로우 시스템 개선
- 기존에는 최대 한 명만 팔로우할 수 있었던 문제가 있었습니다.
- 각 아이디를 콤마(,)로 구분하여 한 줄로 저장하는 방식으로 수정하여 여러 회원을 팔로우할 수 있도록 개선하였습니다.
- 팔로워, 팔로잉 리스트 확인
- 팔로워 및 팔로잉 리스트를 확인할 수 있도록 기능을 추가하였습니다.
- 팔로우 시스템 개선
1:1 채팅 파일 공유 보안 강화
- 회원별 디렉토리 저장
- 채팅 시 공유한 파일들을 보내는 유저와 받는 유저의 디렉토리에 저장하도록 수정하였습니다.
- 각 대화마다 공유 파일이 다른 폴더에 저장되어 한 폴더가 뚫려도 다른 유저들의 공유 파일은 노출되지 않습니다.
- 회원별 디렉토리 저장
멘션 및 태그 시스템 오류 수정
프로필 이미지 미리보기 기능 추가
- 이미지 미리보기 제공
- 프로필 수정 시 이미지 선택 후 바로 미리보기가 가능하도록 개선하였습니다.
- 프로필 이미지를 업로드한 후 '완료' 버튼을 누르지 않아도 미리보기를 통해 확인할 수 있습니다.
- 이미지 미리보기 제공
채팅 알림 기능 추가
- 실시간 알림
- 채팅 시 알림 기능을 추가하여 실시간으로 채팅 내용을 확인할 수 있도록 개선하였습니다.
- 실시간 알림
프로필 보안 기능 강화
- 개인 프로필 탭 보안 강화
- 타인의 개인 프로필 탭에 접근할 수 없도록 보안을 강화하였습니다.
- 버그나 보안 문제가 발생하지 않도록 적절하게 차단 및 리다이렉트 처리하였습니다.
- 개인 프로필 탭 보안 강화
Twave 테마는 지속적으로 업데이트될 예정이며, 새로운 기능과 개선 사항을 정식 버전에 적용할 계획입니다.
내 프로필 화면:
(본인만 볼 수 있고 남은 못 봄)
프로필 수정 화면:
자물쇠버튼(개인메뉴) 누르면 나오는 메뉴:
(포인트 정보는 제외될 예정)
채팅 내역 페이지:
프로필 메인에서 공유하기 버튼 누르면?
프로필 메인의 사진을 꾹 누르면?
공유되는, 다른사람 프로필 화면(프로필 사진 본인 프로필 페이지와 동일하게 똑같이 꾹 누르면 커짐):
팔로우/팔로워 내역:
채팅 목록:
(보면 알 수 있듯 오프라인 회원은 회색, 온라인은 파란색으로 출력됩니다.)
채팅 화면:
검색 화면(메인화면):
검색 페이지(결과):
자유게시판 뷰:
(참고로 자유게시판의 경우 북마크 아이콘을 누르는 즉시 메시지가 뜨지 않고 바로 스크랩 처리됩니다)
[beta2 화면 귀찮아서 가져옴/내부기능만 업데이트된 수준이어서 외견 다르지 않음]
*이 사진의 95% 정도의 기능이 추가될 예정입니다.
*색은 오렌지색이 아닌 파란색으로 배포됩니다.
첨부파일
- TwaveBeta3.zip (8.7M) 0회 다운로드 | DATE : 2024-12-04 17:21:46
등록된 댓글이 없습니다.