가가라이브 보안 채팅방 강좌(위젯설치는 힘듭니다)

현재 가가라이브는 예전과는 다릅니다.

이 강좌가 도움이 되지 않을 확률이 높으니 참고해주시기 바랍니다.

흠.. 가가라이브에 대해 쓰는 것도 참 오랜만이네요.

네이버 블로그에서 이 강좌 올렸다가 나름 높은 조회수를 기록했었는데,

한 분이 개편 후에 생긴 가가라이브 채팅방 생성 강좌를 올려달라 해서 적어봅니다.

거의 2년만에 쓰는 거죠? 뭐, 군대 갔다온 사이는 잘 모르는거니까.

 

강좌에 들어가기에 앞서!

일단 보안 채팅방을 만들어야 하는 이유를 알아야겠죠?

 

네, 딱 알았겠죠?

일반 채팅방을 생성하게 되면 관리자 권한 그런 거 없이 그저 자유채팅밖에 되지 않기 때문에

이런 스탬 채팅을 막을 방법은 없습니다.

하지만 보안채팅방을 생성하게 되면 관리자, 부관리자의 직책을 갖게 되어서 특정 IP를 차단하거나, 내용 청소가 가능하게 되죠.

 

자세한 내용은 이렇답니다.

간략한 설명이긴 합니다만 사실 이것만 있어도 모두 해결이 되는 것이나 다름이 없죠.

아무튼 이제 어떻게 생성해야 하는지 알아보도록 하겠습니다.

 

 

 

1. 가가라이브 접속(http://gwww.gagalive.kr/new)

위 링크 누르시면 들어가지는데(아나, 닉변이 안돼... 러케드에서 언랏으로 바꾼지가 언젠데)

확실히 옛날과는 달라졌다는 것을 느낄 수 있습니다.

텍스트만 있다고 느껴질 정도로 흰색, 검은색만 있던 예전에 비해 다소 깔끔해진 느낌이 됐죠.

 

우리는 가가채팅으로 들어가야 합니다.

방채팅은 가가라이브 사이트에서 방을 만드는 거지, 방 링크해서 블로그로 옮겨가는 게 아녜요.

(랜덤채팅은 정신건강을 위해 하지 않는것을 추천합니다. 여자는 멘탈이 자기위주고, 남자는 멘탈이 '헉헉'질이니까)

2년 전에 왔던 쪽지네요, 이건 방채팅 기능이지, 블로그 채팅 기능이 아니니까 넘어갑시다.

 

 

 

2. 보안 채팅방으로

가가 채팅에 대한 간략한 설명이 있네요.

우선 빨간 네모박스가 향하는 곳으로 갑시다.

우리의 목적은 보안 채팅방의 개설이니, 참고하시는 것도 좋아요.

 

 

 

3. 채팅방 생성

아까 사진 우려먹기이긴 하나 우측 상단에 채팅방 생성 버튼 보이시나요?

그 버튼을 눌러주도록 합니다.

 

그러면은 이런 창이 뜰겁니다. 옛날에 비해 상당히 심플해진 느낌이 드는군요.

여기서 양식에 맞춰서 적으시면 되는데,

채팅방 주소는 채팅방 이름이랑 다를 게 없습니다. 그저 관리할 때 구별용으로 사용할 뿐이죠.

그렇다고 해서 까먹으라는 소리는 아닙니다. 이유는 곧 알게 될테니 알아볼 수 있게 치도록 하세요.

 

자, 이제 본격적으로 시작해봅시다.

 

 

 

4. 생성 확인 

사진이 조금 깨지긴 했습니다만, 넘어가줍시다. 풍 때문인지 인터넷도 조금 불안하네요...

아무튼, 참고용 글을 보면 굳이 로그인을 하지 않더라도 관리는 할 수 있는 모양입니다.

다만, 아까 까먹지 말라고 했던 말 기억하시죠?

직접 입력으로 관리창에 들어가려면 아이디도, 방 제목도 아닌 방 주소를 입력해야 하기 때문에 기억해야 하는 겁니다.

까먹었다면.. 로그인을...... 꺄악! 귀찮아! ><

 

생성이 완료됐네요.

이제 이 게시판은 제껍니다. 라는 헛소리는 관두도록 하고, 이제 이 채팅방을 블로그로 옮겨야겠죠?

자, 위젯 사이트로 들어갑시다.

원래 퍼가기버튼이 잘 뜨질 않아 편했던 위자드팩토리를 써야겠지만,

9월 24일에 서비스를 종료하기 때문에 다른 곳을 알아봐야돼요.

(참고로 위자드팩토리의 운영비를 솜클라우드(http://somcloud.com)으로 집중시키기 위해 종료한다고 하네요)

 

근데!

없어요. 가가라이브 채팅방을 지원하는 위젯사이트가 위젯뱅크에는 없네요.(원래는 있었으나 계약 해지된 듯 합니다)

직접 소스를 이용해 등록하는 방법도 있긴 하지만 티스토리 사용은 아직 익숙치도 않을 뿐더러

네이버에 관한 소스는 보이질 않습니다.

설상가상으로 대체하려 했던 위젯팩토리도 작동을 하지 않네요......

 

에라이!

그냥 게시글에다 설치하도록 해봅시다.

 

5. 채팅방 설치(게시글)

참고로 채팅방 이름에서 물결표시(~)의 개수에 따라 기능이 달라집니다.

자세한 것은 직접 해보시면 알겠습니다만, 보안의 경우는 ~~~이 편리합니다.

 

이제 게시글에 설치하는 것만 남았는데, 이것은 사이트마다 사용하는 부류가 다릅니다.

하기 전에, 우선 참고부터 하셔야 할 것 같네요.

 

회원 비연동형 사이트에 설치시(네이버, 다음, 티스토리)

<embed height="200" width="90%" src="http://www.gagalive.kr/livechat1.swf?chatroom= 원하는방이름"></embed>

 

회원 연동형 사이트에 설치시(제로보드 연동형 사이트에서의 사용을 말하는 것 같네요)

<embed height="200" width="90%" src="http://www.gagalive.kr/livechat1.swf?chatroom=보안 채팅방 이름&user=사용자 아이디&encrypt=사용자 키"></embed>

 

굵은 글자는 변경 가능한 글을 말하는 겁니다.

height는 높이, width는 너비를 말하는 거고, 원하는 방이름은 채팅방 주소를, 사용자 키는 위의 참조용 글에서

~~~talelog 오른쪽에 1a324v64a 이렇게 써있는 글자를 말하는 거랍니다.

 

이걸 게시글 작성을 할 때 내용을 마치고 구석을 보시면 HTML 체크가 있을 겁니다.

지금 우리가 사용하고 있는 것은 이 HTML 태그를 이용하기 힘드니 스마트버튼으로 추가되어 간편하게 쓰는 것인데,

이렇게 퍼오는 작업같은 경우 이걸 활용하시는 편이 더 빨라요.

 

그 버튼을 체크해주시면 여러 소스가 나올 겁니다.

자신이 쓴 글자들을 찾아내시면 <p></p>가 있을 겁니다. 이건 일종의 엔터를 말하는 것인데,

우리가 당연히 쓰고 있는 엔터 이 하나도, 실제 HTML에서는

 

　　　　　　　　　　　　　　　<p></p>

아이씡나　　　　　　　　　　　<p>아이씡나</p>

　　　　　　　　　　　　　　　<p></p>

 

이렇게 처리가 되어있는 것이죠.

 <그림으로 확인해봅시다>

(이걸 직접 눈으로 찾아서 적절하게 집어넣어야 하는거예요)

 

그러니까 적절한 곳에 <p>와 </p> 사이에 이 코드를 집어넣도록 합시다.

(코드는 첨부하도록 하겠습니다. 세부내용 수정은 알아서 하도록 해주세요.)

그리고 HTML을 풀어서 확인하신 후 적절한 위치로 드래그 해주시면 됩니다.

가가라이브.txt

 

 

대충 이렇게 하면 끝이 나는데,

스마트폰의 비중이 늘어나고 있다보니 위젯 보다는 클라우드 서비스에 기술을 집중하고 있는 것 같네요.

그래서인지 예전엔 많은 듯했던 위젯 사이트들도 많이 줄었고...

많이 아쉬움에 남네요. 저야 뭐 포트폴리오 같은 것을 저장해야 하니까 블로그를 쓰고 있기는 하는데,

갈수록 컴퓨터로서의 비중이 줄어드는 것 같아 아쉽기는 합니다.

 

아무튼, 강좌 마치겠습니다!

위젯 설치를 찾게 된다면 내용을 더 찾도록 할게요.