'웹'에 해당되는 글 15건

  1. 페이스북 메신저 '읽음' 처리하지 않고 메시지 보기
  2. 자신의 블로그 인지도(블로그 점수) 알아보기 1
  3. Rewrite 묘듈 활성화 - 리눅스(우분투)에서 XE 짧은 주소 사용하기 문제
  4. XE 비회원이 귀찮게 이메일 홈페이지 입력 안하도록 하기 1
  5. XE Project - Product Release
  6. XE Project - 결과물 배포하기
  7. XE 다국어로 페이지/글 작성하기 2
  8. XE Project 버그와 임시조치방법 2
  9. 대한민국 인터넷 30년 - 추억 돋는 옛날 인터넷 탐험 사이트 5
  10. 내 티스토리 블로그에 구글 애드센스(Adsense) 달기 5

카톡, 라인과 같은 타 메신저처럼 페이스북 메신저에서도 메세지를 확인하면 상대방에게 읽었다는 정보를 주게 됩니다. 그러나 간단히 브라우저에서 확장 프로그램을 설치함으로써 메시지를 확인하더라도 상대방은 알 수 없게 할 수 있습니다. (읽씹했지만 안읽씹처리)


페이스북 메신저 '읽음' 처리하지 않고 메시지 보기


1. 크롬 브라우저를 사용중인 경우


먼저 크롬 브라우저의 확장 프로그램이므로 크롬을 사용 중이어야 합니다.(데스크탑용 크롬만 해당)


https://chrome.google.com/webstore/detail/unseen/oclokcfejikeggpnhgakanfbdnlafaon


1. 크롬 브라우저로 위 링크에 들어가 'CHROME에 추가'를 클릭합니다.


2. 추가되게 되면 오른쪽 위에 아래 사진과 같은 아이콘이 뜨게 되며, 청색으로 색이 들어올 때는 읽어도 상대방에게 읽었다는 정보를 주지 않습니다. 클릭해 기능을 비활성화하면 기존과 같이 읽었다는 표시가 보이게 됩니다.





2. 크롬 브라우저를 사용중이지 않은 경우

사파리나 다른 브라우저를 사용하는 경우에는 크롬 확장 프로그램을 사용할 수가 없습니다. 다른 방법을 사용해 막을 수 있는데 사용하는 브라우저의 Adblock Plus나 uBlock의 직접 url을 차단하는 기능을 이용해 막을 수 있습니다.


facebook.com/ajax/mercury/change_read_status.php$xmlhttprequest



위 주소를 추가해 읽음 처리되는 것을 막을 수 있습니다.

블로그를 하시다 보면 자신의 블로그가 얼마나 유명한지, 인지도가 어느 정도인지 궁금하신 분들이 계실 것입니다.
하루 방문자수로 알수도 있고 검색 유입으로도 알수도 있지만 객관적으로 점수화 해서 알 수는 없습니다.

BlogLevel


아래 링크의 사이트는 자신의 블로그를 유명한 정도, 글쓰는 정도, 사람들의 신뢰로 나눠서 계산합니다.

http://bloglevel.edelman.com/
 
Discover your bloglevel 부분에다 자신의 블로그 주소를 적은 후 "Calculate"를 눌러보세요.
약 1분간 기다려주시면 결과가 나옵니다. Influence 부분이 블로그의 점수입니다.

25점 이상이면 파워블로그나 좋은 블로그이며, 7점 이하이면 저품질 블로그라고 합니다.

 
그리고 스크롤을 아래쪽으로 내리면 그래프와 조언을 보실 수 있습니다.
현재 저품질 블로그는 어떻게 하면 고품질 블로그가 될 수 있는지, 현재 좋은 블로그는 어떻게 하면 더 좋은 블로그가 될 수 있는지 영어로 가이드를 제공합니다.





도움이 되셨나요?
손가락을 눌러주세요:)

 
우분투에 XE를 설치하면 짧은 주소로 이동했을 경우에는 이동이 안 되는 경우가 있었습니다.
짧은 주소를 당담하는 .htaccess 문제이며 Rewrite 묘듈을 설치해주면 해결됩니다.
해결하기 위해 아래 스탭을 따라주세요.

1.  .htaccess 제대로 이동되어있는지 확인
.htacces 파일은 숨김 파일입니다. 따라서 유닉스 기반에서는 보이지 않을 수 있습니다.
따라서 먼저 이 파일이 없으면 짧은 주소가 적용 안되는 것은 당연합니다.

XE 설치 파일을 옮길 때 .htacces 파일 있는지 꼭 확인하시고 우분투에서는 보기--> 숨겨진 파일 보기를 눌러 제대로 옮겨져 있는지 확인하셔야 합니다.

따로 .htacces 파일을 옮기셨다면 권한설정 꼭 확인하시구요.

2. Rewrite_module 설치
 우분투에서는 기본적으로 이 묘듈이 비활성화 되어 있습니다.
이것을 활성화해주면 정상적인 짧은 주소 사용이 가능합니다.

1. 터미널을 열어준 뒤에 sudo a2enmod rewrite 입력

2. gksu nautilus 입력

3. /etc/apache2/apache2.conf 를 열린 탐색기로 찾은 후 gedit 로 연다.(더블클릭)

4. 맨 아랫줄에 아래 코드 삽입.
<IfModule mod_rewrite.c>
rewriteEngine On
</IfModule>

5. /etc/apache2/sites-enabled/000-default 파일을 연다.

6. 아래 소스처럼 비슷하게 생긴 곳을 찾은 뒤 none이나 deny로 되어있는 부분을 all로 고쳐 줍니다.
<Directory /var/www/>
Options Indexes FollowSymLinks MultiViews
AllowOverride all
Order allow,deny

 7. 터미널을 연 뒤에 아래 명령어를 입력해 아파치를 재시작합니다.
sudo /etc/init.d/apache2 restart



다 읽으셨으면 손가락 눌러주세요 :)  
XE는 비회원이 글 작성할시에는 이름, 비밀번호, 이메일 그리고 홈페이지 주소를 묻습니다. 이름과 비밀번호는 필수적인 부분이지만 이메일과, 홈페이지는 굳이 필요하지도 않고 입력하기도 귀찮습니다.

XE 내부에서 자체에서 저걸 없애는 기능을 지원하지 않으니 수동으로 직접 작업해주어야 합니다.
(개인적으로 XE 1.6이나 1.7에서 이 기능이 추가되었으면 좋겠군요)

두가지 해결 방법이 있습니다.

1. 입력하는 칸을 없애기
 아얘 입력하는 칸을 없애는 방법입니다.

/modules/bored/모바일이면 m.skins, PC용이면 skins/자신이 쓰는 스킨/

write_form.html 은 게시글을 쓸 때를 당담합니다.

comment_form.html은 댓글을 쓸 때 관여합니다.

소스 편집기같은거로 여신 다음에 아래와 같은 부분을 찾아줍니다.

<li>

<label for="nText">{$lang->content}</label>

<textarea name="content" cols="20" rows="8" id="nText"></textarea>

</li>

<!--@if(!$is_logged)-->

<li>

<label for="uName">{$lang->writer}</label>

<input name="nick_name" type="text" id="uName" />

</li>

<li>

<label for="uMail">{$lang->email_address}</label>

<input name="email_address" type="text" id="uMail" />

</li>

<li>

<label for="uPw">{$lang->password}</label>

<input name="password" type="password" id="uPw" />

</li>

<li>

<label for="uSite">{$lang->homepage}</label>

<input name="homepage" type="text" id="uSite" value="http://" />

</li> 

(여기서부터는 게시판 스킨마다 다를수 있음을 알려드립니다.)

<label for="uMail"> 부분은 "이메일" 이라는 문자열을 보여주는 부분입니다.
<label for="uMail" style="display:none"이런식으로 해 주시면 "이메일"이라는 문자열이 보이지 않습니다.
다른것도 마찬가지입니다.

이메일 입력하는 칸을 보이지 않게 하시려면
 <input name="email_address" type="text" id="uMail" /> 부분에서 <input name="email_address" type="text" id="uMail" style="display:none" />이런식으로 

style="display:none"
을 붙이시면 숨기기가 가능합니다.

2. 자신이 미리 지정한 문자열로 미리 입력되게 하기


 이메일, 홈페이지 다 입력하게 하니 입력하기 귀찮아하는게 걸리고, 또 없애자니 입력하시고 싶어하시는 분이 계실 것 같다구요? 그럼 이 방법을 추천드립니다.


위 사진처럼 입력하지 않아도 자동으로 입력하게 해놓을 수 있습니다. 여기에서 자신이 이메일 주소나, 홈페이지 주소를 입력하고 싶어하시는 비회원이 계시다면 저 문자열을 지우고 할 수 있습니다.
 

 
/modules/bored/모바일이면 m.skins, PC용이면 skins/자신이 쓰는 스킨/

write_form.html 은 게시글을 쓸 때를 당담합니다.
read.html은 게시글을 보는 것과 댓글을 쓸 때 관여합니다.

소스 편집기같은거로 여신 다음에 아래와 같은 부분을 찾아줍니다.

<li>

<label for="nText">{$lang->content}</label>

<textarea name="content" cols="20" rows="8" id="nText"></textarea>

 </li>

<!--@if(!$is_logged)-->

<li>

<label for="uName">{$lang->writer}</label>

<input name="nick_name" type="text" id="uName" />

</li>

<li>

<label for="uMail">{$lang->email_address}</label>

<input name="email_address" type="text" id="uMail" />

</li>

<li>

<label for="uPw">{$lang->password}</label>

<input name="password" type="password" id="uPw" />

</li>

<li>

<label for="uSite">{$lang->homepage}</label>

<input name="homepage" type="text" id="uSite" value="http://" />

</li> 
(게시판 스킨마다 다를수 있음을 알려드립니다.) 

이메일 같은 경우에는 <input name="email_address" type="text" id="uMail" /> 처럼 입력하는 칸을 관여하는 부분에서 value="자신이 원하는 내용" 으로 해주시면 됩니다.

 
<input name="email_address" type="text" id="uMail" value="자신이 원하는 내용"/>
 

 홈페이지 같은 경우에는 value="http://"가 이미 있으므로 자신이 원하는 주소로 써주시면 됩니다.

그래서 제가 쓰고 있는 모바일 게시판 소스 일부입니다.

<li>

<label for="nText">{$lang->content}</label>

<textarea name="content" cols="20" rows="8" id="nText"></textarea>

</li>

<!--@if(!$is_logged)-->

<li>

<label for="uName">{$lang->writer}</label>

<input name="nick_name" type="text" id="uName" />

</li>

<li>

<label for="uMail">{$lang->email_address}</label>

<input name="email_address" type="text" id="uMail" value="example@example.com"/>

</li>

<li>

<label for="uPw">{$lang->password}</label>

<input name="password" type="password" id="uPw" />

</li>

<li>

<label for="uSite">{$lang->homepage}</label>

<input name="homepage" type="text" id="uSite" value="http://tarks.iptime.org" />

</li>

 게시판별로 다르다는 점 참고하시면서 사용하시면 될 것 같습니다.





손가락 누르기도 귀찮으면 무엇을 하겠습니까.
도움이 되었으면 손가락을 눌러 주세요 :) 

한국인 사용자

한국인 사용자들은 아래 링크에 가시면 동일한 내용의 포스팅을 보실 수 있습니다.

http://jhrun.tistory.com/51


외국인에게 보여줄 일이 있어 발변역한 것입니다. 

Relase
 
You can release by Project XE .


1. Frist, Go Project Setting - Issues on your project.

 2. Go to  Release Setting - Add Package.

 3. Write Name and Description and click submit

 4.  Click your own package. 

5. Click the Add Release.

8. Wirte the  Name, Release Note, Release Changes, released date and click submit.
 

9. If you want upload files on your release, Click the Diskette icon.

 

배포

Project XE 를 사용해 자신이 제작한 결과물을 배포하는 방법입니다.


1. 자신의 프로젝트에서 프로젝트 설정 - 이슈트래커로 이동합니다.

 2. 배포 설정을 누른 후 패키지 추가를 누릅니다.

 3. 이름과 설명을 입력하라고 합니다. 이 패키지라는 것은 프로젝트에서 배포할 하나의 프로그램입니다.
 (한 프로젝트에 여러 개의 패키지를 추가할 수 있습니다.)

 4. 자신이 정한 패키지명을 클릭합니다.

 

5. 배포 추가를 누릅니다.


6. 이름, 배포기록,  변경사항, 날짜들을 작성 뒤 등록을 누릅니다.

 7. 자신이 등록한 패포판에 파일을 업로드하고 싶으시다면 디스켓 모양의 아이콘을 누르셔서 등록하시면 됩니다.

 

XE 다국어

자신만의 사이트를 쉽게 제작하도록 도와주는 CMS 서비스인 Xpress Engine 이하 XE 는 다국어를 지원합니다.

한 사이트에서 여러 언어를 적용할 수 있는데요.
관리자가 허용한 언어는 언어를 변경시키면  그 나라의 언어로 바뀌게 됩니다.

현재 XE의 다국어는 사이트맵이나 사이트 제목 등에서 사용이 가능한데요.

 
페이지나 게시판에서는 어떻게 다국어를 지원할 수 있을까요?
저런 메뉴 이름같은 경우에는 다국어 설정이라는 부분이 있어서 쉽게 다국어 설정이 가능하지만 게시물이나 페이지를 작성할 때에는 찾아 볼 수 가 없었습니다.


다국어로 게시물/페이지 쓰기
 
알고보면 어렵지 않은 내용입니다. 다만 못 찾고 있었을 뿐,

 사이트에 보면 위와 같이 언어를 설정할 수 있는 코너가 있습니다.(설정된 레이아웃에 따라 다를 수 있습니다.)

현재 상태가 한국어라고 가정하고 한국어로 글을 씁니다. 글을 쓴 후 등록까지 합니다.

영어로 언어를 변경한 뒤에 아까 쓴 글을 영어로 번역해서 수정을 합니다.

다시 한국어로 가면 한국어의 글이 영어로 가면 영어의 글이 존재합니다. 이런 식으로 다국어 글 작성이 가능합니다. 

얼마전에 1.5.x 버전에서도 호환되게 다시 올라온 것을 보아서 사용해볼려고 하였으나 버그가 있다는것을 알게 되었습니다.


1. 프로젝트 신청할때 정상적으로 관리자에게 신청 메세지가 보내졌음에도 불구하고 신청되었습니다.같은 문구 하나도 안나와서 로딩이 안되는 것처럼 보이는 문제


메일 서버가 서버에 있지 않은데 메일 통보를 사용하면 위 메세지가 나오지 않습니다. 메일 서버가 있는경우에만 사용하세요.

또한 한국어야하는데 중국어가 나와서 소스코드를 봐보니


<item name="msg_project_reserved">

<value xml:lang="ko"><![CDATA[프로젝트 생성 요청이 접수되었습니다.\n접수된 내용을 바탕으로 프로젝트 관리자가 심사  승인 여부를 결정하게 됩니다.\n감사합니다]]></value>

<value xml:lang="en"><![CDATA[Project creation offer is reserived.\nThe project will be permmited after checking the project content.\nThanks]]></value>

<value xml:lang="ko"><![CDATA[Project生成请求已被接受.\n接收的内容需由project 管理人员进行审查后才能决定是否批准。\n谢谢。]]></value>


 중국어에도 ko?로되잇네요.. 제가 실수로 바꿀리는 절데 없는것같고 이것도 이슈에 올려야겠네요.

zh-CN 이걸로바꾸면 됩니다.



2. 프로젝트 XE를 처음 써봐서 디렉토리에  대해 잘 모를 수 있으나 1개의 디렉토리를 지정 못하는게 문제

 


3. 프로젝트에 가입할려고 가입할 시 잘못된 요청입니다.가 뜨는것

이 문제는 "project/skins/xe_project/js"디렉토리에 "project.js" 파일에서 아래와 같이 수정하시면 됩니다.

procModuleSiteSignUp -> procMemberSiteSignUp
procModuleSiteLeave -> procMemberSiteLeave

귀찮으신 분들은 제가 업로드한 파일을 다운받으시면 됩니다.
제 프로젝트XE 버전은 1.3.1입니다. 버전이 다르면 사용 삼가해주세요.

 



4. 모바일용 페이지에서 배포판 다운로드할 시에 Err./moudules/issuetraker/m.skins/default...download.html file does not exists

뜨는 오류
 

이것도 버그인것 같은데 임시조치 방법입니다.


issuetraker/skins/xe_issuetraker 에서 download.html, footer.html, header.html을 issuetracker/m.skins/default 에다가 복사해줍니다.




프로젝트XE에 관한 이슈는 아래 사이트에 올리면 됩니다.



https://code.google.com/p/xe-project/



어느덧 대한민국 인터넷이 개통된지 30년이 되었다고 합니다.
인터넷 30주년을 맞이하여 네이버 로고가 아래와 같이 바뀌었더군요.

 인터넷과 함께해오면서 많은 것들이 바뀌지 않았나요?
지금 이 시간 타임머신을 타고 옛날 추억에 한번 빠져 봅시다.


 인터넷 타임머신 사이트

 
http://archive.org/web/web.php

위 링크를 누르셔서 옛날 인터넷을 탐험하실 수 있습니다.

위 링크를 누르시면, 아래와 같이 나올 텐데요.

 Search 부분에서 자신이 탐험하고 싶은 주소를 입력해 주세요(ex : naver.com)

 아래 날짜를 클릭하시면 그때의 사이트 화면을 보시는것 뿐만이 아니라 왠만한건 클릭까지 가능하네요.

구경후기

 

이때는 하이퍼링크가 다 푸르스름 했었습니다.

2006년쯤 네이버 같은데 현재 모습하고 가면 갈수록 비슷해집니다.

 2002년도 다음입니다. 이때 당시만 해도 다음이 제일 디자인이 좋다고 생각했었던게 노란색 파란색 주황색 초록색으로 이루어진 메뉴 때문인거 같습니다.

 2006년쯤인거 같습니다. 마찬가지로 많이 발전했군요..



직접 위 사이트 들어가셔서 경험해보시는게 좋을것 같습니다.
추억이 돋아남과 함께 인터넷이 이렇게 많이 발전했구나 하는 계기가 되었습니다. 

블로그를 통해 수익을 내는 방법중 구글의 광고 시스템인 애드센스(Adsense)를 티스토리의 블로그에 달 수 있습니다.

본문에 애드센스 달기


  본문에 애드센스를 본문 위 아래로 아래 사진과 같이 구글 애드센스를 적용시킬 수 있습니다.

 
티스토리 로그인 후 관리자 페이지에 접속 --> 왼쪽 메뉴의 HTML/CSS 편집으로 부분으로 들어가세요.



이 부분은 티스토리 블로그의 스킨을 설정할수 있습니다 HTML 전체를 수정할수 있기 때문에 이것이 티스토리만의 장점으로 꼽힙니다. 

이 화면에서 Ctrl+F(찾기) 를 눌러서 검색창에

##_article_rep_desc_##


 위 문자를 복사&붙여넣기 해주세요. 이 문구 앞에 있으면 본문 상단의 내용이고 뒤에 있으면 하단의 내용입니다.

아래와 같습니다.

여기에 있으면 본문 상단에 표시됩니다
##_article_rep_desc_##
여기에 있으면 본문 하단에 표시됩니다.


이걸 응용하여 광고를 넣을수 있습니다.

<table cellpadding="0" cellspacing="0" table width="100%">

<tr> 

<td width="50%"> 

애드센스 코드 삽입

</td>

<td width="50%"> 

애드센스 코드 삽입

</td> 

</tr> 

</table>



위 코드를  
##_article_rep_desc_##의 앞뒤로 붙어 넣으시면 됩니다. 저는 본문 상단 하단에 모두 광고를 표시할 것이므로

<table cellpadding="0" cellspacing="0" table width="100%">

<tr> 

<td width="50%"> 

애드센스 코드 삽입

</td>

<td width="50%"> 

애드센스 코드 삽입

</td> 

</tr> 

</table>

 ##_article_rep_desc_##

<table cellpadding="0" cellspacing="0" table width="100%">

<tr> 

<td width="50%"> 

애드센스 코드 삽입

</td>

<td width="50%"> 

애드센스 코드 삽입

</td> 

</tr> 

</table> 

 

 이런식의 구조가 됩니다. 만약에 본문 상단에만 광고를 배치하고 싶다면 
 위 코드에서 ##_article_rep_desc_##
아래에 있는 코드는 없어야 합니다.


이제 
애드센스 코드 삽입  부분을 지우고 자신의 애드센스 광고를 넣으시면 됩니다.
애드센스 광고는 왠만하면 정사각형 광고가 보기 좋습니다.

굳이 똑같이 하실 필요 없습니다. 개성있게 자신만의 광고 구성을 해보시는것도 좋습니다.

(추가) 원래 ##_article_rep_desc_## 은 앞뒤로 []가 있습니다.


이 글이 도움이 되었으면 클릭!