
질문과 답변
모바일 게시판 분리
안녕하세요.
모바일과 PC 버젼을 많이 다르게 해야 되서 분리해야 합니다.
어디를 손봐야 하나요?
- 이전글여러 서브도메인에 리빌더 설치시 공홈 라이센스 중복2024.11.02
- 다음글개인적으로 궁금해서 질문 두가지만 하겠습니다.2024.10.03
댓글목록



안녕하세요, 리빌더 입니다.
PC버전과 모바일버전을 따로 운영하고자 하시는 경우는
/theme/rb.basic/ 경로의 theme.config.php 파일의
if(! defined('G5_THEME_DEVICE')) define('G5_THEME_DEVICE', 'pc');
부분의 'pc' 를 아래와같이 제거해주세요.
if(! defined('G5_THEME_DEVICE')) define('G5_THEME_DEVICE', '');
모바일기기로 접속하면 그누보드 기본 레이아웃이 나올텐데
여기서 작업해주시면 되겠습니다.
감사합니다.
2024-10-27 21:52



두가지로 구분할 수 있을것같습니다.
1. class 로 구분
1024px 이상일때 pc가 보여지고, 이하일때 mobile이 보여집니다.
사용예 ------------------------
<div class="pc">1024px 이상일때 보여짐</div>
<div class="mobile">1024px 이하일때 보여짐</div>
-------------------------------
2. 함수로 구분
접속기기로 구분할 수 있습니다.
사용예 ------------------------
<?php if(IS_MOBILE()) { ?>
<div>모바일기기일때 보여짐</div>
<?php } else { ?>
<div>모바일기기가 아닐때 보여짐</div>
<?php } ?>
-------------------------------
위 조건을 사용해서 구분하면 될것같습니다.
스킨을 수정해서 기기별 또는 class 별로 html을 다르게하거나,
코어파일을 수정해서 include 되는 스킨파일 자체를 바꿀 수 있습니다.
감사합니다.
2024-10-29 20:11



그누보드 원본자체가 게시판만 따로 모바일용으로 사용할 수 있게 해두지를 않아서
폴더 자체를 변경하는것은 복잡해질 수 있을것같습니다. 글로 설명하기가 애매한 부분이 있습니다.
더 좋은방법이 있을 수 있겠지만, 우선 생각나는 빠른 방법으로는
게시판목록 기준으로 설명드리면,
/bbs/list.php 파일 마지막에 보시면 스킨파일을 로드하는 구문이 있습니다.
include_once($board_skin_path.'/list.skin.php');
이부분을
if($bo_table == "게시판아이디") {
if(IS_MOBILE()) {
include_once($board_skin_path.'/list.skin_mobile.php'); //모바일용 목록 스킨파일
} else {
include_once($board_skin_path.'/list.skin.php'); //피씨용 목록 스킨파일
}
}
이런형태로 분기하는것이 쉬운방법일것같습니다.
감사합니다.
2024-10-29 23:34



그누보드 원본은 반응형이아니기 때문에 PC버전과 모바일 버전이 따로 있습니다.
> PC버전 디자인, 모바일버전 디자인 및 퍼블리싱을 각각 해야합니다. (메인 포함 전체페이지)
> 수정이 필요할때 PC버전과 모바일버전을 각각 수정해야하므로 유지보수에 불편함이 있습니다.
리빌더는 반응형이기 때문에 PC버전 하나로 모바일 겸용으로 사용합니다.
> PC버전만 디자인/퍼블리싱 하고 CSS를 통해서 모바일 버전도 표현하므로 디자인을 각각 할 필요가 없어 유지보수가 용이합니다.
감사합니다.
2024-10-30 03:30


네,
리빌더 테마는
각각의 게시판 설정에서 모바일 게시판 스킨을 선택을 해도 적용이 안되고 무조건 PC스킨만 적용되게 막아놓으셨는데
어디를 건드려야 모바일 게시판 스킨이 적용되는지 알고 싶습니다.
보통의 다른 반응형 테마들/ 빌더들은
각각의 게시판설정에서 모바일 게시판스킨 선택시 적용이 되도록 되어 있는데
리빌더 테마는 모바일 게시판스킨 선택을 해도 PC 게시판 스킨만 적용 됩니다.
다른 반응형 테마들처럼
- PC게시판 스킨
- 모바일 게시판 스킨
선택시 적용 되게 하려고 합니다.
결론은
모바일 게시판 스킨 선택을 해도 적용이 안되고 무조건 PC 게시판 스킨만 되게 끔 막아놓은 부분이 어디인지 찾지를 못하겠습니다.
2024-10-30 09:25
신청 이후 담당자가 개별연락 드리고 있습니다.
입금자명과 실제 입금자가 동일한 경우 자동처리 됩니다.
결제예정 금액 : 0 (VAT별도)
하나은행(KOEXKRSE) : 258-910104-00407 / 김은정(인덱스)
-
안드로이드 웹앱 및 푸시알림을 사용하기위한 A-Z!
잘 따라오시면 어렵지 않습니다.
1. FCM (Firebase Cloud Messaging) 세팅하기
1-1. 시작하기
https://console.firebase.google.com?hl=ko 으로 접속하여 [시작하기] 를 클릭합니다. FCM은 구글계정이 있으면 무료로 사용 가능 합니다.

1-2. 프로젝트 생성하기
[프로젝트 시작하기] 를 클릭합니다.

프로젝트의 이름을 설정합니다.
앱이름(사이트명, 상호명)을 영문으로 입력하는것이 가장 좋습니다.
입력하셨다면 [계속] 을 클릭해주세요.

애널리틱스 사용설정을 활성화 해주시고(선택사항)
[계속] 을 클릭해주세요.

애널리틱스 위치를 [대한민국] 또는 거주국가를 선택하시고 약관 동의 후 [프로젝트 만들기] 를 클릭해주세요.

프로젝트 생성이 완료 되었습니다. [계속] 을 클릭하시면 FCM메인페이지로 이동 합니다.

1-3. 앱 생성하기
이전 단계에서 프로젝트를 생성했습니다.
이제 프로젝트안에 안드로이드 앱을 생성해보겠습니다.
FCM 메인 중앙에 주황색 동그란 버튼이 3개 있습니다.
가운데에 있는 (안드로이드 로고) 버튼을 클릭해주세요.

버튼을 클릭하셨다면 앱등록 창이 오픈 됩니다.
안드로이드 패키지 이름 및 앱 닉네임을 입력하세요.
패키지 이름은 반드시 com.webview.앱영문명 으로 입력하셔야 합니다.
com.webview. 를 반드시 넣어주셔야 합니다.
입력 예) com.webview.rebuilder
앱 닉네임은 사이트명이나 상호명, 앱이름 등을 입력해주시면 됩니다.
디버그 서명은 입력하지 않아도 됩니다.
입력을 마치셨다면 [앱등록] 을 클릭해주세요.
다음페이지로 넘어간다면, 입력하신 패키지명 (com.webview.앱영문명) 을 메모장에 메모해주세요.

[google-services.json 다운로드] 버튼을 클릭하셔서 파일을 다운받아 주세요.
다운을 받으셨다면 [다음] 을 클릭해주세요.

Groovy(build.gradle) 선택하신 후 [다음] 을 클릭해주세요.

앱 생성이 완료 되었습니다.
[콘솔로 이동] 을 클릭하시면 메인으로 이동 됩니다.

1-4. 비공개 키파일 생성하기
거의 다왔습니다. 조금만 더 힘내세요.
저도 이거 작성하느라 무쟈게 힘들었습니다. 리빌더화이팅.
화면 상단에 아까 입력하신 이름으로 앱이 생성된게 보이신다면,
좌측 상단에 [프로젝트 개요] 메뉴 옆에 톱니바퀴 아이콘을 클릭하여
[프로젝트 설정] 으로 이동해주세요.

프로젝트 설정으로 오셨다면 상단 탭메뉴에서 [서비스 계정] 을 클릭하세요.

화면 아래쪽에 있는 [새 비공개 키 생성] 을 클릭하세요.
키파일은 버튼 클릭시 자동으로 다운로드 됩니다.
중요한 파일이므로 파일을 타인에게 공개하거나 해서는 안됩니다.

친절하게 중요한 파일임을 알려줍니다.
[키 생성] 을 클릭하면 json 파일이 다운로드 됩니다.

다운로드된 파일은 rebuilder-demo-a4cc0-firebase-adminsdk-au83h-41e4b5df03.json 과 같은식으로 저장됩니다.
이름이 너무 긴 관계로 임의파일명으로 변경해주세요.
가이드에서는 key.json 으로 설명하겠습니다.
이제 준비는 모두 끝났습니다!
바탕화면에 1-3에서 다운로드 했던 google-services.json 파일과,
방금 이름을 변경했던 key.json 파일이 있다면 잘 하셨습니다. (파일아이콘은 무시해주세요. 다를 수 있습니다.)

2. 리빌더 앱관리 설정하기
2-1. 파일 업로드하기
위 단계에서 이름을 변경했던 key.json 파일을 사용하시는 웹서버(웹호스팅)에 FTP 프로그램으로 접속하여 업로드 해주세요.
업로드 위치는 /data/push/key.json 입니다.
2-2. 앱관리 설정하기
관리자모드 > 빌더설정 > 앱관리 메뉴로 이동해주세요.
[앱관리] 메뉴가 없다면 리빌더 공식홈페이지 > 부가기능 다운로드 에서 [안드로이드 하이브리드 웹앱 + Push 알림] 기능을 다운로드 후 설치해주세요.
바로가기 > https://rebuilder.co.kr/membership/30
설치가 되셨다면 관리자모드 > 빌더설정 > 앱관리 메뉴로 이동해주세요.
스크롤을 내리시면 [FCM 설정] 섹션이 있습니다.
FCM 패키지명, FCM 프로젝트 ID, FCM 비공개키파일 항목을 모두 입력 하시고
[확인] 을 클릭해주시면 설정은 마무리 됩니다.

[FCM 패키지명]
1-3 에서 설정했던 com.webview.앱영문명 을 입력하시면 됩니다.
[FCM 프로젝트 ID]
1-4 에서 이동했던 [프로젝트 설정] 페이지로 이동하시면 내 프로젝트 섹션에서 확인하실 수 있습니다. (스샷참조)
[FCM 비공개키파일]
위에서 임의파일명으로 변경했던 파일명 key.json 을 입력하시면 됩니다.

고생하셨습니다. 모든 설정이 완료 되었습니다.
1-3 에서 다운로드 했던 google-services.json 파일은
신청서에 첨부해주셔야 합니다.
창을 닫아주시고, 신청을 계속해주세요!