이상하게 핸드폰으로 관리자 모드를 들어가려고 하면 

정상적인 방법으로 로그인하라고 자꾸 뜨면서 안들어가지더라구요 ㄷㄷ...

관리자 메일에는 xss공격 알림이라는 메일이 왕왕 도착해있구요.

한참을 고민하다가 휴대폰 크롬 브라우저의 데이터 절약 모드를 끄고나니 잘 들어가지네요.

혹시 저같은 고민을 하시는 분이 계실까 글을 남겨봅니다 ㅠ

//랜덤숫자 뽑아내서 변수로 넘김

 function rand_i($total) {
            srand((double)microtime()*1000000); 
            $rand_r=rand(1,$total);   
            return $rand_r;
            }

2 해당테마의 최신글 스킨/latest.skin.html

<style> 태그중에

.webzine-latest .img-no_image {position:absolute;top:8px;right:8px;display:inline-block;min-width:35px;padding:0px

삽입

44라인쯤

<!--{? .image}-->
<img class="img-responsive" src="{.image}">
<!--{? .wr_comment}--><span class="img-comment">+{=number_format(.wr_comment)}</span><!--{/}-->
<!--{? .is_video}--><span class="video-icon"><i class="fa fa-play-circle-o"></i></span><!--{/}-->
<!--{:}-->
<img class="img-responsive" src="../../latest/{=rand_i(30)}.jpg"> //수정부분
<!--{? .wr_comment}--><span class="img-comment">+{=number_format(.wr_comment)}</span><!--{/}--> //수정부분
<span class="img-no_image">no image</span>
<!--{/}-->

요까지 수정후에 latest 스킨 폴더에 1.jpg ~30.jpg 의 이미지를 넣어두면 됩니다.

첨에 skin_bs 유챗을 달고 해 보니...

아무것도 안 보이거나

회원 연동이 안되어서 고민 고민 하다가

웹루트에 chat 파일을 만들어서

<?php
include_once('./_common.php');
function chat_keycode($select, $key, $server, $nick='', $id='', $level='') {
 //이 함수는 절대 수정하지 마세요.
 if($select)
  return md5(md5(iconv(mb_detect_encoding($nick, "UTF-8, EUC-KR, ASCII"), 'UTF-8', $nick).$key).$level.iconv(mb_detect_encoding($id, "UTF-8, EUC-KR, ASCII"), 'UTF-8', $id).$key);
 else
  return md5(md5($server['REMOTE_ADDR'].$key).$key);
}
?>

<script src='//uchat.co.kr/uchat.php' charset='UTF-8'></script>
<script type='text/javascript'>
u_chat({
room:'chat'
, md5:'<?php echo chat_keycode(1, '개인코드', $_SERVER, $member[mb_nick], $member[mb_id], $member[mb_level])?>'
, nick:'<?php echo $member[mb_nick]?>'
, mb_id:'<?php echo $member[mb_id]?>'
, level:'<?php echo $member[mb_level]?>'
, skin:'1'
, chat_record:true
, width:'273'
, height:'400'
});
</script>

저장하고...

skin_bs 파일 열어서 넣고 싶은 위치에 아래 처럼 iframe 으로 삽입 하니...

회원 연동까지 문제 없이 잘 됩니다.

<table border="0" width="293">
    <tr>
        <td width="15">&nbsp;&nbsp;&nbsp;&nbsp;</td>
        <td width="273"> <iframe   src="http://도메인/chat.php" width="300" height="400" frameborder="0" scrolling="no" ></iframe></td>
  <td width="5">&nbsp;</td>
    </tr>
</table><br>

별거 아니지만... 도움이 되셨으면 좋겠습니다.
 

<!--{? _category_name == '카테고리1'}-->
안녕하세요
<!--{: _category_name == '카테고리2'}-->
잘 지내시죠?
<!--{: _category_name == '카테고리3'}-->
네 덕분에요
<!--{: _category_name == '카테고리4'}-->
즐거운 하루 되세요
<!--{/}-->

최근 이 테마와 스킨을 사용하시면서 지도가 출력되지 않는 경우가 발생하고 있습니다.

새로운 구글 맵 API 표준 플랜에 따라 2016년 6월 22일 이후에 만들어지는 모든 신규 애플리케이션에서는 Google Maps API 키가 필요합니다.

기존 애플리케이션의 경우 키 없이도 계속 작동하지만 새로운 제한 사항이 적용될 것이라고 합니다.

이로 인해 구글 api키를 발급받아 적용을 하셔야 합니다.

아래는 이윰에서 간략히 내용을 적은 것이며 구글, 다음, 네이버 등을 통해 구글 api키 발급에 대해 많은 정보를 얻으실 수 있습니다.

구글 javascript api키 발급 순서

1. JavaScript API의 키 가져오기(https://developers.google.com/maps/documentation/javascript/get-api-key)의 내용들을 먼저 읽어 보시기 바라며 구글 로그인 되어 있는 상태에서 아래와 같이 키 가져오기를 클릭합니다. (키 가져오기는 아래의 경로 외에 다양한 경로가 있습니다.)

2. 새로운 프로젝트를 만든다면 프로젝트 만들기 선택 후 진행합니다.

(기존의 프로젝트를 사용하신다면 해당 프로젝트를 선택 후 진행합니다.)

3. 발급 받을 api키의 이름과 적용할 웹사이트 주소를 입력하시기 바랍니다.

(정확한 주소를 입력하며 www 가 주소에 들어가는지 확인해 보시기 바랍니다.)

4. 아래와 같이 생성된 api키를 확인할 수 있습니다.

5. 해당 키의 사용설정을 위해 라이브러리 > Google Maps Javascript API > 사용설정을 클릭 하면 사용하게 됩니다. (설정 후 사용설정은 사용중지로 변경 됩니다.)

발급 받은 api키를 적용

해당 테마 및 스킨에 적용되던 구글api스크립트를 에디터를 통해 해당 파일을 열어 아래와 같이 변경합니다.

변경전 (변경전 구글 api키는 테마와 스킨마다 차이가 있을 수 있습니다.)

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places&language=ko&region=kr"></script>

변경후 - 발급받은 api키를 아래의 소스에 입력해 대체하시기 바랍니다.

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places&key=발급받은api키입력"></script>

위의 과정 진행시 변경 후 바로 적용이 되어 지도가 출력되는 경우와 시간이 지난 후에 적용이 되는 경우가 있었습니다.

div하면 위치가 어디인지 몰라서 해메실까봐 배경색을 넣었습니다.

/eyoom/theme/basic2/layout/head_bs.html 에 <div class="wrapper"> 이 줄 아래 넣으시면 됩니다.

zindex는 값을 넣었더니 글쓰기 버튼이나 메뉴 버튼선택시 문제가 발생 되는것 같아서,

div의 zinde값은 제외를 하였습니다.

아래 광고/베너스크립트 부분은 <!--{@eb_banner(여기숫자가바뀜)}-->{.html}<!--{/}-->  베너에서 나오는 스크립트를 복사해서 넣으시기만 하면됩니다.

{code:html}

<div class="wrapper">

    <div style="position:fixed;top:30px;left:50%;">
    <div style="position:relative;top:0px;left:-735px;border:1px solid #e5e5e5;background:#f2f2f2;height:260px;width:140px;line-height:260px;text-align:center"><!--{@eb_banner(1)}-->{.html}<!--{/}--></div> 
    </div>

    <div style="position:fixed;top:300px;left:50%;">
    <div style="position:relative;top:0px;left:-735px;border:1px solid #e5e5e5;background:#f2f2f2;height:260px;width:140px;line-height:260px;text-align:center"><!--{@eb_banner(2)}-->{.html}<!--{/}--></div> 
    </div>

    <div style="position:fixed;top:570px;left:50%;">
    <div style="position:relative;top:0px;left:-735px;border:1px solid #e5e5e5;background:#f2f2f2;height:260px;width:140px;line-height:260px;text-align:center">광고</div> 
    </div>

    <div style="position:fixed;top:30px;left:50%;">
    <div style="position:relative;top:0px;left:592px;border:1px solid #e5e5e5;background:#f2f2f2;height:260px;width:140px;line-height:260px;text-align:center">광고</div> 
    </div>

    <div style="position:fixed;top:300px;left:50%;">
    <div style="position:relative;top:0px;left:592px;border:1px solid #e5e5e5;background:#f2f2f2;height:260px;width:140px;line-height:260px;text-align:center">광고</div> 
    </div>

    <div style="position:fixed;top:570px;left:50%;">
    <div style="position:relative;top:0px;left:592px;border:1px solid #e5e5e5;background:#f2f2f2;height:260px;width:140px;line-height:260px;text-align:center">배너스크립트</div> 
    </div>

{/code}

메인페이지에 가운데 본문에 넣고 싶으신 분은

/eyoom/theme/basic2/main/index_bs.html 부분에 넣으실 수 있습니다.

{code:html}
 <div style="position:relative;top:0px;left:0px;border:1px solid #e5e5e5;background:#f2f2f2;height:115px;width:850px;line-height:115px;text-align:center"><!--{@eb_banner(1)}-->{.html}<!--{/}--></div> 
        <div style="position:relative;top:5px;left:0px;border:1px solid #e5e5e5;background:#f2f2f2;height:115px;width:850px;line-height:115px;text-align:center">가운데큰베너</div> 
{/code}

이것 저것 뜯어 고쳐 업그레이드를 하지 않고 있다가

이번 기회에 최신버전으로 업그레이드를 위해 이것 저것 수정하고 있습니다.

레이아웃이 변경 되면서 이전에 생각지 못했던 문제들이 몇가지 발견되었네요.

1.2.2 버전 기준입니다. 버전에 따라 약간 코드가 상이하니 참고 바랍니다.

[발생원인]

글과 댓글을 쓸때 Eyoom 새글 테이블에 글을 등록할 때 닉네임은 $member 변수로 입력되게 되어 있습니다.

비회원의 경우 $member 변수에 닉네임이 없기 때문에 업데이트가 되지 않아 이름이 출력되지 않습니다.

[처리]

글과 댓글을 등록할 때 비회원의 경우 $member변수에 닉네임을 넣어줌.

[수정파일]

1. /eyoom/core/board/write_update.skin.php 

if (!defined('_GNUBOARD_')) exit;  

if(!$member['mb_nick']) $member['mb_nick'] = $wr_name;  //추가

if (!defined('_GNUBOARD_')) exit;  

해서, 기본 이윰빌더로는 회원과 비회원 구분하기가 어려워 소스를 수정했습니다.

파일위치

/eyoom/classes/Template_/tpl_plugin/function.eb_nameview.php 

47째줄 부근

$head['name'] = $tmp_name; 

=>

$head['name'] = '<span class="is_member">'.$tmp_name.'</span>'; 

    if ($mb_id) {

        $head['link'] = G5_BBS_URL.'/profile.php?mb_id='.$mb_id;

        if ($config['cf_use_member_icon']) {

            $mb_dir = substr($mb_id,0,2);

            $icon_file = G5_DATA_PATH.'/member/'.$mb_dir.'/'.$mb_id.'.gif';

            if (file_exists($icon_file)) {

                $width = $config['cf_member_icon_width'];

                $height = $config['cf_member_icon_height'];

                $icon_file_url = G5_DATA_URL.'/member/'.$mb_dir.'/'.$mb_id.'.gif';

                $tmp_name .= '<img src="'.$icon_file_url.'" width="'.$width.'" height="'.$height.'" alt="">';

                if ($config['cf_use_member_icon'] == 2) // 회원아이콘+이름

                    $tmp_name = $tmp_name.' '.$name;

            } else {

                  $tmp_name = $tmp_name." ".$name;

            }

        } else {

            $tmp_name = $tmp_name.' '.$name;

        }

$head['name'] = '<span class="is_member">'.$tmp_name.'</span>';

$head['title'] = '['.$mb_id.']';

    } else {

        if(!$bo_table)

            return $name;

$head['link'] = G5_BBS_URL.'/board.php?bo_table='.$bo_table.'&amp;sca='.$sca.'&amp;sfl=wr_name,1&amp;stx='.$name;

$head['name'] = $name;

$head['title'] = '[비회원]';

    }

SEO/SSL 부분을 체크해주네요. 한번쯤 볼만은 한거 같습니다. (100% 정확하고 100% 모두 수정할 필요까진 없어보이네요..^^)

사이트명을 넣으시고 이메일은 아무거나 넣으셔도 됩니다.

아직해보진않았지만 이윰님이 말씀해주신거니 되겠죠?

혹시 저처럼 잘모르시는분들이...헷갈려하시고 이윰님귀찮게할까바

제가 받은 답변올려드릴게요~

아래와 같이 수정해 주시면 프로필 사진이 있는 회원의 경우 출력이 됩니다.

/eyoom/common.php 파일

{code:php}
    function chat_keycode($select, $key, $server, $nick='', $id='', $level='') {
        //이 함수는 절대 수정하지 마세요.
        if($select)
            return md5(md5(iconv(mb_detect_encoding($nick, "UTF-8, EUC-KR, ASCII"), 'UTF-8', $nick).$key).$level.iconv(mb_detect_encoding($id, "UTF-8, EUC-KR, ASCII"), 'UTF-8', $id).$key);
        else
            return md5(md5($server['REMOTE_ADDR'].$key).$key);
    }
     
    // 유챗에서 사용할 회원 포토
    if($member['mb_id']) {
        preg_match("/src=[\'\"]?([^>\'\"]+[^>\'\"]+)/i", $eb->mb_photo($member['mb_id']), $m);
        $member['mb_photo'] = $m[1];
    }
{/code}

/eyoom/theme/테마명/layout/side_bs.html

{code:html}
    <script src='http://uchat.co.kr/uchat.php' charset='UTF-8'></script>
    <script type='text/javascript'>
    u_chat({
        room:'채팅방명'
        , md5:"{=chat_keycode(1, '토큰', _SERVER, member.mb_nick, member.mb_id, member.mb_level)}"
        , nick:'{member.mb_nick}'
        , mb_id:'{member.mb_id}'
        , level:'{member.mb_level}'
        , icon : '{? member.mb_photo}{member.mb_photo}{/}'
        , skin:'1'
        , chat_record:true
        , width:'100%'
        , height:'300px'
    });
    </script>
{/code}

감사합니다 이윰님!

이전 게시물에도 있듯 이번에는 CloudFlare (클라우드플레어) 설정 방법과 그에 따른 서버셋팅(log)에 대해서
알아보겠습니다.

CloudFlare (클라우드플레어)에 가입과 함께 도메인을 등록하셨다면, 플랜(회원종류)를 선택합니다.
회원종류는 총 4개입니다. Free / Pro / Business / Enterprise 으로 구성되어있습니다.

※ 최근 10월에 들면서 CloudFlare (클라우드플레어)관련하여 많은 이슈들이 나왔습니다.
CloudFlare (클라우드플레어)를 사용하면서 제일 아쉬운점이 데이터센터의 위치 였습니다.

분명 국내에 있는 서버인데도 불구하고,회원들이 접속하면 속도가 상당히 느려지는 상황이 발생하였습니다.
이로 인해, 수많은 국내 CloudFlare (클라우드플레어) 사용자분들께서 질의를 하셨던걸로 알고 있습니다.

결론은 , Pro Plan을 사용하면 된다 입니다. 여기에 대한 자세한 얘기는 다음에 다시 하도록 하겠습니다..

다시 본론으로 넘어와서 CloudFlare (클라우드플레어) 셋팅의 첫번째는 DNS 입니다.

DNS에 대한 설명은 무수하게 많으므로 패스하도록 하겠습니다.

우리가 도메인을 구입하면 도메인을 내 서버에 연결를 해주는 과정이 필요합니다. 그래야 도메인이 서버를 찾아갈테니깐요. (물론 서버에서도 도메인을 등록해줘야겠지요)

처음 도메인을 등록하실때 분명, CloudFlare Nameservers 라는 것을 주었을겁니다. 보통 2개를 줍니다.

도메인을 구매한곳에서 DNS(네임서버)를 CloudFlare Nameservers 라는것으로 변경해줍니다.

자 그럼 CloudFlare (클라우드플레어)에서의 DNS 설정을 한번 보도록 하겠습니다. 아래 이미지를 참고해 주세요.

보시는거처럼 Name , Value , TTL , Status 가 있습니다.

A 라고 되있는곳 옆 Name 에 자신의 도메인을 적고, IPv4 구역에 도메인이 도착할 서버(호스팅) ip를 적어줍니다.

Automatic TTL 은 그대로 두고, 추가(Add Record) 해줍니다. 그럼 Status 부분에 구름이 회색일것입니다.

구름을 클릭해서 활성화 시켜줍니다. (활성화: 주황색 | 비활성화: 회색)

A 라고 되있는곳을 클릭하셔서 아래처럼 CNAME 로 변경해줍니다.

CNAME 라고 되있는곳 옆 Name 에 www 를 적고 Domain name 에 연결할 도메인을 적어줍니다.

자신의 도메인이 aaa.com 이라면 aaa.com 을 적어주시면 됩니다.

CNAME 에 대한 설명도 생략하겠습니다.

이렇게 하시면, 가입하실때 적으셨던 메일주소로 메일이 한통 와있을겁니다.
바로 SSL (보안인증)관련 메일입니다. [CloudFlare] Action required for 도메인 to verify SSL

해당 메일에 보시면

2. Create a CNAME record with a hostname of
001E454241~~~
and content of
08298181A9~~

라고 와있습니다.

그럼 CloudFlare (클라우드플레어)의 DNS 설정페이지를 가보죠.

이미지에서 보듯이 CNAME 를 선택하고 Name 부분에 메일에서 알려준 content 를 입력합니다.

Domain name 에는 메일에서 알려준 hostname 을 입력해줍니다. 추가하시구요. 구름을 주황색으로 변경합니다.

자. 이것으로 DNS 셋팅은 끝났습니다. 기본설정값들로만 사용하셔도 되지만, 약간의 수정은 필요로 합니다.

상단의 메뉴중 Crypto 를 선택합니다.

제일 처음 보이는 SSL(with SPDY) 부분을 보시면 총 4개의 셀렉트 옵션이 있습니다.
(Off / Flexible / Full / Strict )
SSL 에 대한 설명은 생략하겠습니다.;;

하나씩 보도록 하겠습니다.

- Off 는 말그대로 SSL 를 사용안한다는것입니다.

- Flexible은 그림에서도 보시듯이, 자신이 운영하는 서버내에는 SSL 인증서가 없지만
CloudFlare (클라우드플레어)에서 SSL 인증서를 대신 사용자에게 사용(적용)합니다.
- SSL 인증서 전혀 필요 없음

- Full은 자신이 운영하는 서버내에 SSL인증서가 있을 경우 입니다. 허나, 이 인증서가 인증기관에서 정식 발급받은 인증서가 아니여도 됩니다.

- Strict은 Full 과는 다르게 서버내에 인증기관에서 발급받은 SSL 인증서가 있을 경우 입니다.

선택은 사용자분의 서버환경에 따라 선택하시면 됩니다.

이번시간은 여기까지 하겠습니다. 다음 시간에 못다한 메뉴들를 알아보도록 하겠습니다.

요새 웹폰트를 많이들 사용하시는데요. 이럴때웹폰트가 로딩이 되기 전에 시스템폰트로 잠시 표시되면 보기가 좀 않좋죠.

아래 소스로 해당 현상을 좀 방지(?) 할수 있더라구요.^^

기본적인 사용방법은

{code:html}
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
<script>
  WebFont.load({
    custom: {
      families: ['NanumGothic']
    }
  });
</script>
{/code}

families 에 사용하시는 웹폰트명을 적어주시면 됩니다.

네이버 웍스모바일 가입 및 설정에 관한 링크 : http://cocosoft.kr/96 를 참조하세요.
가입 완료되기까지 도메인 등록 업체의 MX레코딩 등록 소요기간이 1일~3,4일 걸릴 수 있으니 먼저 가입 후 아래 작업을 하시기 바랍니다.

사전 작업

• 상기 자료를 다운 받습는다.
• 압축을 풀어 class.phpmailer.php, class.smtp.php, PHPMailerAutoload.php 는 그누보드5/adm폴더에 넣고 mailer.lib.php는 그누보드5/lib 폴더에 기존 파일을 덮어 씌웁니다.

1. mailer.lib.php 소스 내용 중 네이버웍스 접속 아이디와 비밀번호를 수정합니다.
2. 그누보드5/config.php에 아래와 같이 수정합니다.

수정 전{code:php}
// SMTP
// lib/mailer.lib.php 에서 사용
define('G5_SMTP', '127.0.0.1');
{/code}수정 후{code:php}
// SMTP
// lib/mailer.lib.php 에서 사용
//define('G5_SMTP', '127.0.0.1');
define('G5_SMTP', 'smtp.worksmobile.com');
{/code}3. 관리자 > 환경설정 > 관리자 메일 주소를 네이버웍스모바일에 등록한 도메인 아이디를 적습니다. (중요)
4. 관리자 > 환경설정 > 메일 테스트 를 통해 메일이 올바르게 가는지 테스트 해봅니다.