We are connected » Tutorial http://blog.werconnected.info Season 3 Thu, 09 Feb 2012 13:10:58 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Infinite Ajax Carousel http://blog.werconnected.info/infinite-ajax-carousel/ http://blog.werconnected.info/infinite-ajax-carousel/#comments Wed, 15 Dec 2010 03:15:56 +0000 입명이 http://blog.werconnected.info/?p=2240 http://www.sencha.com/blog/2010/08/10/infinite-ajax-carousel-shopstyle-demo-app/

Creating An Infinite Carousel

The infinite carousel (이하: 무한 회전 목마) 은 많은 아이템을 제어 할 수 있습니다. 이 것은 메모리에 저장된 객체를 통해 슬라이드 윈도우를 만들어냅니다. 현재 보여지는 카드, 바로 전 그리고 따라오는 카드 또한 만들어냅니다. 사용자의 스크롤을 통해, 아이템은 동시에 만들어지거나 소멸되고 필요에 따라 항상 최신의 윈도우를 보관합니다. 이 방법으로, 우리는 사실 얼마나 많은 아이템이 회전 목마에서에서 특정한 수에 관계없이 만들어졌는지 알 수 있습니다.

아래 다이어그램에는, 3개의 아이템을 가진 슬라이딩 윈도우가있습니다. 처음에 3번 아이템이 중앙에 위치하고 2번과 4번 아이템이 실제로 만들어져 있습니다. 사용자가 아이템 4번으로 변경할 때, 오른쪽으로 윈도우는 슬라이드 됩니다. 아이템 2는 지워지고 아이템 5가 생성됩니다.

회전 목마의 API 는 상당히 간단합니다. 아이템 설정 프로퍼티(items config property)를 사용하는 대신, createItem 설정 프로퍼티(createItem config property)를 허용합니다. 언제나 필요한 아이템은 생성되고, 인덱스와 함께 함수는 호출하게됩니다. 함수는 그 때 아이템을 반환하고 생성합니다. 같은 결과이지만, 2가지 방법을 선보이려합니다: 일반 화전목마와 우리가 말하는 무한 회전목마를 설명합니다.

슬라이딩 윈도우의 개념은 간단합니다. 초기에 로드되고 아이템이 변경되면, 창이 업데이트 됩니다. So the meat of the implementation is in the window update code. 중앙에 위치한 윈도우의 아이템의 인덱스는 호출됩니다. 풀 코드가 있습니다:

Custom Carousel Indicator

무한 회전목마의 위치 표시기(indicator)는 일반 회전 목마에서는 동작하지 않습니다. 일반 터치 스크롤바 보다 비슷한 위치 표시기 구성요소를 생성하여 해결합니다 . 일반 표시기를 사용한 템플릿이며, 꽤 간단한 코드입니다:

관련 포스트:

]]> http://blog.werconnected.info/infinite-ajax-carousel/feed/ 0 확장 기능이 추가된 사파리 5 http://blog.werconnected.info/%ed%99%95%ec%9e%a5-%ea%b8%b0%eb%8a%a5%ec%9d%b4-%ec%b6%94%ea%b0%80%eb%90%9c-%ec%82%ac%ed%8c%8c%eb%a6%ac-5/ http://blog.werconnected.info/%ed%99%95%ec%9e%a5-%ea%b8%b0%eb%8a%a5%ec%9d%b4-%ec%b6%94%ea%b0%80%eb%90%9c-%ec%82%ac%ed%8c%8c%eb%a6%ac-5/#comments Wed, 09 Jun 2010 06:01:01 +0000 입명이 http://blog.werconnected.info/?p=1627 다른 곳에서 들었습니다. 메뉴를 자세히 보지 않아 몰랐는데 파폭이나 크롬처럼 확장 기능이 있습니다. 숨겨져 있기 때문에 잘 알려지기 힘들듯 합니다. 방법은 터미널에서 개발자 메뉴를 우선 활성상태로 만들어야 합니다. 이미 되신 분들은 지나치세요.

Defaults write com.apple.Safari IncludeDebugMenu 1

다시 사파리를 실행하면 개발자(Develop) 메뉴가 생깁니다. 그리고 중간 위쯤에 확장 기능의 활성화 메뉴 목록이 있습니다.

그리고 난 후 확장 파일들을 등록하면 됩니다.

http://safariextensions.tumblr.com/

관련 포스트:

]]> http://blog.werconnected.info/%ed%99%95%ec%9e%a5-%ea%b8%b0%eb%8a%a5%ec%9d%b4-%ec%b6%94%ea%b0%80%eb%90%9c-%ec%82%ac%ed%8c%8c%eb%a6%ac-5/feed/ 0 1. UITableView – 간단한 테이블 뷰 만들기 http://blog.werconnected.info/1-uitableview-%ea%b0%84%eb%8b%a8%ed%95%9c-%ed%85%8c%ec%9d%b4%eb%b8%94-%eb%b7%b0-%eb%a7%8c%eb%93%a4%ea%b8%b0/ http://blog.werconnected.info/1-uitableview-%ea%b0%84%eb%8b%a8%ed%95%9c-%ed%85%8c%ec%9d%b4%eb%b8%94-%eb%b7%b0-%eb%a7%8c%eb%93%a4%ea%b8%b0/#comments Wed, 09 Jun 2010 04:25:40 +0000 입명이 http://blog.werconnected.info/?p=1534 UPDATED 2010. 11. 20. 14:55 PM 번역 수정하였습니다.

UITableView – Creating a Simple Table View

소개

대부분의 경우 요구 사항은 목록이 화면에 나온 후 상세보기가 자세히 로드 됩니다. UITableView 은 오직 리스트 항목의 표시를 하며, 리스트 항목과 상세보기 사이에서 발생하는 네비게이션은 UINavigationController 에 의해서 제어됩니다. 따라서 테이블 뷰는 항상 네비게이션 컨트롤러와 반대로 작동합니다. 우리가 마지막으로 완성될 앱의 모습은 이렇습니다.

프로젝트의 생성

File -> New Project -> (iPhone OS 항목) 의 “Navigation-Based Application” 을 클릭하여 새로운 XCode 프로젝트를 생성하고, 이름을 선택하세요. 저는 “TableView” 라 지었습니다. “Navigation-Based Application” 템플릿은 는 네비게이션 컨트롤러와 테이블 뷰를 같이 쓰게하며, 따라서 수동으로 설정할 필요가 없습니다.

데이터 소스

테이블 뷰에서는 간단한 리스트 항목 표시는 원하지 않기에, 전달이 가능하며 또한 사용이 가능한 데이터 소스 종류가 우리는 필요합니다. 이러한 데이터 소스는 XML 파일, 데이터베이스, 혹은 일종의 배열로 어느 곳에서든지 표현될 수 있습니다. SQLite 데이터베이스 사용을 배우기 위해 이 곳의 SQLite 튜토리얼 시리즈를 읽어보세요. 튜토리얼이 간단하합니다. 저는 앞으로 테이블 뷰를 위해 NSMutableArray 와 같은 데이터 소스를 사용하겠습니다. 당신은 SQLite 데이터베이스나 XML 파일로 부터 이 배열을 체울 수 있습니다. 사용자 정의 객체가 아닌 것과 문자열 객체의 배열을 사용하여 튜토리얼의 혼란을 줄였습니다. 테이블 뷰에 사용자 정의 객체를 사용하는 법을 이해하기 위해 저의 SQLite 튜토리얼 시리즈를 읽어보세요.

첫번째로 해야할 일은 데이터 소스를 생성하는 것이며, 테이블 뷰의 화면을 항목으로 체우는 일이 필요로 합니다. 뷰를 로드하는 RootViewController 의 viewDidLoad 메써드 속의 우리의 데이터 소스를 만들어 봅시다. 구현부 파일의 viewDidLoad 메써드와 헤더 파일의 작성 코드입니다.

“listOfItems” 배열은 RootViewController.h 파일에 선언했으며 타입은 NSMutableArray 이고, 또한 dealloc 메써드에 의해 위와 같이 해제됐습니다. viewDidLoad 메써드에서, 배열의 메모리 할당과 초기화를 했으며 8 객체를 추가했습니다. 네비게이션 바의 뷰는 “Countries” 로 설정했습니다. 이제 어쨌든 우리는 화면에 배열 항목을 표시하게 위한 테이블 뷰를 확인해야합니다.

테이블 뷰의 사용자 정의 행의 수

우리가 해야되는 첫번째 작업은, 테이블 뷰의 많은 열들이 있다는 것을 알리고 tableView:numberOfRowsInSection 의 처리와 그 것을 기대해야는 점입니다. 그 메써드는 테이블 뷰가 나타낸 열의 수의 정수(integer)를 반환합니다. 8 객체의 배열을 구성하면서, 배열의 카운트 메세지를 보냅니다. 그 코드가 어떤식인지 봅시다.

테이블 셀의 화면 데이터

이제 테이블 뷰는 얼마나 많은 열을 보여줄지 알고있으며, 테이블 뷰 셀에게 실제 글자가 화면에 보이기 위한 작업이 필요합니다. 테이블 뷰는 테이블 셀의 열들의 내용과 테이블 열을 만들었습니다. tableView:cellForRowAtIndexPath 에선 N 번 호출하고, N 의 값은 tableView:numberOfRowsInSection 에 리턴합니다. 메써드는 indexPath 타입의 NSIndexPath 제공하고 사용하여 현재 열의 수를 알아내 테이블 뷰가 화면에 보여줍니다. 아래에 보시는 코드 입니다.

위의 코드에서, 만약 필요하다면 셀의 초기화를 처음에 합니다. 그리고 배열에서 문자열을 얻어 수신자에게 현재 열의 수와 함께 objectAtIndex 메서드에 전달하합니다. “cellValue” 는 결국 반환된 셀과 글자 셀을 설정합니다. 당신의 어플리케이션에서 UITableView 에서 8개의 객체가 보이게 실행해보세요.

결론

몇개의 간단한 메써드의 설정에 의하여 UITableView 를 정말 쉽게 구현할 수 있습니다. 저는 이 튜토리얼이 시작하는데 도움을 드렸으면 합니다. 저는 튜토리얼이 매우 간단하나 매우 집중하기엔 한가지 부족한 점이 있다는 것을 압니다. 다음 튜토리얼에서는, 상세보기의 로딩 방법과 데이터의 전달을 논하겠습니다.

Happy Programming,
iPhone SDK Articles

관련 포스트:

]]> http://blog.werconnected.info/1-uitableview-%ea%b0%84%eb%8b%a8%ed%95%9c-%ed%85%8c%ec%9d%b4%eb%b8%94-%eb%b7%b0-%eb%a7%8c%eb%93%a4%ea%b8%b0/feed/ 1 톰캣(JSP) 컨테이너를 맥에 설치하자. http://blog.werconnected.info/%ed%86%b0%ec%ba%a3jsp-%ec%bb%a8%ed%85%8c%ec%9d%b4%eb%84%88%eb%a5%bc-%eb%a7%a5%ec%97%90-%ec%84%a4%ec%b9%98%ed%95%98%ec%9e%90/ http://blog.werconnected.info/%ed%86%b0%ec%ba%a3jsp-%ec%bb%a8%ed%85%8c%ec%9d%b4%eb%84%88%eb%a5%bc-%eb%a7%a5%ec%97%90-%ec%84%a4%ec%b9%98%ed%95%98%ec%9e%90/#comments Sun, 25 Apr 2010 05:24:18 +0000 입명이 http://blog.werconnected.info/?p=1224 sudo sh Password: #:~> mv ~/Downloads/apache-tomcat-6.0.26 /usr/local/ #:~> cd /usr/local/ #> tar -xzvf apache-tomcat-6.0.26 보통 [...]]]> 이 글을 시작하기 전에 알아둘 것이 있습니다. 바로 너무 쉽다는 점이에요. 쉘이라고 얼지 마세요! 윈도우에도 했지만, 이건 거의 속성에 속성입니다. 참고 페이지를 확인하세요..

http://developer.apple.com/internet/java/tomcat1.html

첫번째는 다운로드 해야겠죠? 바이너리 항목의 tar.gz 파일을 받으세요. 사파리 브라우저는 보통 자동으로 gz 이 풀립니다.

$:~> sudo sh
Password:
#:~> mv ~/Downloads/apache-tomcat-6.0.26 /usr/local/
#:~> cd /usr/local/
#> tar -xzvf apache-tomcat-6.0.26

보통 /usr/local 에 설치하죠? 진행 방식을 미리 해보니 다른 임의의 곳에 풀어도 지장이 없겠다 싶습니다. 시스템 설정도 건들이지 않고 그냥 standalone 라고 말해야 하나요? tar 로 압축을 풀지만, gz 을 아직 풀지 않았다면 gnutar 라고 명령하세요.

80% 완료입니다. 이제 실행만 하면 완료입니다. 원래 환경변수를 등록해야 겠지만, 첫째 우선 맥은 자바가 기본으로 설치가 됩니다. 둘째는 없습니다. 8)

#vi start_tomcat
export CATALINA_HOME=/usr/local/apache-tomcat-6.0.26
export JAVA_HOME=/usr
$CATALINA_HOME/bin/startup.sh

환경 변수를 실행하며 쓰기 때문에 문제 없습니다. 사실 환경변수는 경로 설정일 뿐입니다. 이와 같이 서버를 정지하는 실행 파일도 만들어 줍니다.

#vi stop_tomcat
export CATALINA_HOME=/usr/local/apache-tomcat-6.0.26
export JAVA_HOME=/usr
$CATALINA_HOME/bin/shutdown.sh

vi 를 사용하지 않아도 되고 만드는 곳도 임의로 선택해도 됩니다. 위와 같이 할 경우 wq 로 저장하고 끄는 법은 아시죠? 이제 실행 할 수 있게 권한을 줍니다.

#> chmod ug+x start_tomcat stop_tomcat

이제 ./start_tomcat 으로 실행하면 반가운 실행화면이 나옵니다. 삭제요? 반대로 했던 작업들만 지우면 끝이 납니다.

기본 포트는 8080 입니다. 설정법이나 경로는 모두 같습니다. 만약 이 방법을 쓸 경우 usr 디렉토리가 숨김 속성이어서 불편하실 겁니다. 그래서 링크를 만들어 사용하면 편합니다.

sudo ln -s /usr/local/apache-tomcat-6.0.26/webapps ~/Desktop

관련 포스트:

]]> http://blog.werconnected.info/%ed%86%b0%ec%ba%a3jsp-%ec%bb%a8%ed%85%8c%ec%9d%b4%eb%84%88%eb%a5%bc-%eb%a7%a5%ec%97%90-%ec%84%a4%ec%b9%98%ed%95%98%ec%9e%90/feed/ 1 트위터의 아이디 자동 링크(@)를 블로그에 사용해 보자. http://blog.werconnected.info/%ed%8a%b8%ec%9c%84%ed%84%b0%ec%9d%98-%ec%95%84%ec%9d%b4%eb%94%94-%ec%9e%90%eb%8f%99-%eb%a7%81%ed%81%ac%eb%a5%bc-%eb%b8%94%eb%a1%9c%ea%b7%b8%ec%97%90-%ec%82%ac%ec%9a%a9%ed%95%b4-%eb%b3%b4%ec%9e%90/ http://blog.werconnected.info/%ed%8a%b8%ec%9c%84%ed%84%b0%ec%9d%98-%ec%95%84%ec%9d%b4%eb%94%94-%ec%9e%90%eb%8f%99-%eb%a7%81%ed%81%ac%eb%a5%bc-%eb%b8%94%eb%a1%9c%ea%b7%b8%ec%97%90-%ec%82%ac%ec%9a%a9%ed%95%b4-%eb%b3%b4%ec%9e%90/#comments Tue, 20 Apr 2010 11:11:05 +0000 입명이 http://blog.werconnected.info/?p=1176 트위터가 @anywhere 플랫폼을 시작했습니다. 말이 거창하지 별 다른 플러그인 없이 트위터 링크를 자동으로 생성해주는 것인데요. 제 트위터의 링크 @jsveron23 입니다. 방법은 간단합니다. 저는 @wpbeginner 에서 알게 됐습니다.

How to Add Twitter @anywhere in WordPress

덧붙여 팔로우 버튼도 만들며 라이브 트윗 메세지 창을 많들어낼 수 있습니다. 이건 라이브 메세지 창입니다.

그리고 팔로우 버튼입니다.

지바스크립트를 하셨다면 쉽게 이해하시겠네요. 링크를 보시면 2가지 과정이 있고 첫번째는 인증을 위한 App 등록과 테마의 헤더에 API 키와 같이 스크립트를 넣는 것입니다. 아래의 스크립트는 4가지의 트위터 사용 자바스크립트 함수를 모아서 만들었습니다. 8)


관련 포스트:

]]> http://blog.werconnected.info/%ed%8a%b8%ec%9c%84%ed%84%b0%ec%9d%98-%ec%95%84%ec%9d%b4%eb%94%94-%ec%9e%90%eb%8f%99-%eb%a7%81%ed%81%ac%eb%a5%bc-%eb%b8%94%eb%a1%9c%ea%b7%b8%ec%97%90-%ec%82%ac%ec%9a%a9%ed%95%b4-%eb%b3%b4%ec%9e%90/feed/ 4 트위터의 리트윗 (RT) 링크를 플러그인 없이 생성하기 http://blog.werconnected.info/%ed%8a%b8%ec%9c%84%ed%84%b0%ec%9d%98-%eb%a6%ac%ed%8a%b8%ec%9c%97-rt-%eb%a7%81%ed%81%ac%eb%a5%bc-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%97%86%ec%9d%b4-%ec%83%9d%ec%84%b1%ed%95%98%ea%b8%b0/ http://blog.werconnected.info/%ed%8a%b8%ec%9c%84%ed%84%b0%ec%9d%98-%eb%a6%ac%ed%8a%b8%ec%9c%97-rt-%eb%a7%81%ed%81%ac%eb%a5%bc-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%97%86%ec%9d%b4-%ec%83%9d%ec%84%b1%ed%95%98%ea%b8%b0/#comments Wed, 24 Mar 2010 04:06:20 +0000 입명이 http://blog.werconnected.info/?p=861 아, 그러고 보니 스크립트가 워드프레스 전용이네요. 제목이 너무 길어 추가 하기가 껄끄럽네요. 죄송합니다.

여기 쉽게 추가해주는 스크립트가 있습니다. 워드프레스의 테마 파일 single.php 파일에는 포스트가 있는지 없는지 체크하는 문구가 있고 루프문(while)이 안에 있습니다. 이 안에 스크립트를 삽입하고 링크에 사용하기만하면 끝입니다.

그리고 이런 방법으로 사용하시면 됩니다.

간단하죠? 루프문(반복문)에 꼭 넣으라는 당부를 하네요. 참, 첫번째 스크립트의 YOURSITE 는 자신의 트위터 아이디를 넣어주세요. 정리하면 지금 사용하시는 테마의 single.php 파일을 찾아서 루프문에 첫번째 스크립트를 자신의 계정 아이디와 같이 삽입하고 두번째 스크립트와 같이 쓰시면 됩니다.

http://www.arteki.com/how-to-make-custom-retweet-links-in-wordpress/

관련 포스트:

]]> http://blog.werconnected.info/%ed%8a%b8%ec%9c%84%ed%84%b0%ec%9d%98-%eb%a6%ac%ed%8a%b8%ec%9c%97-rt-%eb%a7%81%ed%81%ac%eb%a5%bc-%ed%94%8c%eb%9f%ac%ea%b7%b8%ec%9d%b8-%ec%97%86%ec%9d%b4-%ec%83%9d%ec%84%b1%ed%95%98%ea%b8%b0/feed/ 0 CSS를 이용한 목차 디자인 http://blog.werconnected.info/css%eb%a5%bc-%ec%9d%b4%ec%9a%a9%ed%95%9c-%eb%aa%a9%ec%b0%a8-%eb%94%94%ec%9e%90%ec%9d%b8/ http://blog.werconnected.info/css%eb%a5%bc-%ec%9d%b4%ec%9a%a9%ed%95%9c-%eb%aa%a9%ec%b0%a8-%eb%94%94%ec%9e%90%ec%9d%b8/#comments Mon, 15 Mar 2010 15:42:05 +0000 입명이 http://blog.werconnected.info/?p=664 배경 이미지나 CSS 테두리 스타일을 이용해 목차를 생성하는 간단한 튜토리얼입니다. <li> 속성을 아래의 테두리에 적용한 후 절대위치(absolute position) 속성을 사용한 요소와 테두리를 중첩하는 방법입니다. 이 점은 매우 유용합니다. – 배경 이미지와 테두리를 이용해 레이아웃을 쉽게 변경할 수 있습니다. 브라우저의 폰트가 축소되어도 작동됩니다(증가 또는 감소).

  1. HTML 코드

    HTML코드와 다이어그램을 보세요. 앞으로의 작업을 이해하는데 도움을 줄겁니다.

  2. CSS 코드

    중요 포인트입니다:

    • <li> 요소에 position:relative 명시하고 아래 테두리를 주세요.
    • bottom 속성에 불필요한 position:absolute 를 사용하여 <strong> 과 <em> 요소를 테두리 아래에 위치합니다.
    • 기억하세요: relative 속성 (em)을 이용해 패딩 스페이스를 조절하세요.

  3. 테두리 스타일 변경하기

    <li> 요소의 CSS border 와 padding를 쉽게 편집해 스타일을 수정할 수 있습니다.

  4. 테두리로 이미지 사용하기 (마지막 데모 보기)

    배경 이미지 또한 이용할 수 있습니다.

  5. IE6 버젼 (IE6 데모 보기)

    만약 버그 투성이인 오래된 IE6 브라우져를 여전히 사용중이라면, 제대로 레이아웃이 렌더링되지 않을 수 있습니다. 이런 방안을 해결하기 위해 간단하게 <li> 요소에 clearfix 를 추가합니다.

http://www.webdesignerwall.com/tutorials/css-menu-list-design/

관련 포스트:

]]> http://blog.werconnected.info/css%eb%a5%bc-%ec%9d%b4%ec%9a%a9%ed%95%9c-%eb%aa%a9%ec%b0%a8-%eb%94%94%ec%9e%90%ec%9d%b8/feed/ 2 FuKe Adium CList 테마 적용하기 http://blog.werconnected.info/fuke-adium-clist-%ed%85%8c%eb%a7%88-%ec%a0%81%ec%9a%a9%ed%95%98%ea%b8%b0/ http://blog.werconnected.info/fuke-adium-clist-%ed%85%8c%eb%a7%88-%ec%a0%81%ec%9a%a9%ed%95%98%ea%b8%b0/#comments Sun, 07 Mar 2010 10:51:32 +0000 입명이 http://blog.werconnected.info/?p=367 매우 심플하고 깔끔한 디자인의 테마입니다. 아마 이 테마가 99.9% 맘에 들어 바꾸지 않을 듯 합니다. 0.1% 는 아마 더 마음에 든다면… :roll:

Adium 메신저의 테마를 보며 서핑을 즐기다가 우연히 devianART 의 스킨들을 발견했고 마음에 드는게 없을까 더 찾아보니 딱 이게 나왔네요. 처음엔 설명서가 약간 애매하게 나오는 바람에 이해를 잘 못했는데, 다시 정독을 해보니 제대로 알 수 있었습니다. 예전 자료들을 모두 압축해 백업하고 적용해 보았습니다. 어짜피 맥을 오래 써보니 가독성이 떨어져도 신경쓰지 않았고 기본 한글도 오히려 예뻐 보이게 됐습니다.

검은색의 스킨이 유행이었고 또한 아래에 스틸 분위기의 한 줄이 있어 안정감이 있다고 생각합니다. 압축을 풀고 .dmg 이미지를 마운트 하면 아래와 같은 화면이 나옵니다.

우측 상단의 ReadMe 를 클릭해도 되지만 이 포스트가 있으니 무시해도 됩니다. 우선 왼쪽 하단의 nib 북마크를 실행합니다. 설치 파일이 아닌 링크 파일 입니다. 보이는 스킨을 받은 후 2개의 .nib 파일이 보이는데 폴더까지 Adium.app/Contents/Resources 경로에 덮어 씌우세요. 설치하기 전 Resource 폴더는 백업 하시는게 좋고 어플리케이션 폴더의 Adium.app 을 오른쪽 마우스로 패키지 보기를 하시면 위 경로가 보입니다.

이제 우측 상단의 모든 이미지를 Resource 폴더에 넣으세요. 폴더는 무시하고 이미지만 넣으세요. 그리고 우측 중간과 하단의 테마와 레이아웃 파일을 더블 클릭해 설치 하신 후 Adium 환경설정 창을 엽니다.

여기서 부터 설치법과 제가 좀 다른데, Color Theme 의 Customize 를 선택하신 후 Style 에서 Stretch to fill 을 선택합니다. 그리고 Adium.app/Contents/Resources/Fill-C.png 에서 배경을 정하라고 했지만, 환경설정 창에서 Window Style 을 Borderless Window 로 맞추면 자동으로 맞춰집니다. 이제 위 화면처럼 메신저를 볼 수 있습니다.

관련 포스트:

]]> http://blog.werconnected.info/fuke-adium-clist-%ed%85%8c%eb%a7%88-%ec%a0%81%ec%9a%a9%ed%95%98%ea%b8%b0/feed/ 4 SEO 를 위한 15가지 간단한 테크닉 http://blog.werconnected.info/seo-%eb%a5%bc-%ec%9c%84%ed%95%9c-15%ea%b0%80%ec%a7%80-%ea%b0%84%eb%8b%a8%ed%95%9c-%ed%85%8c%ed%81%ac%eb%8b%89/ http://blog.werconnected.info/seo-%eb%a5%bc-%ec%9c%84%ed%95%9c-15%ea%b0%80%ec%a7%80-%ea%b0%84%eb%8b%a8%ed%95%9c-%ed%85%8c%ed%81%ac%eb%8b%89/#comments Sat, 06 Mar 2010 13:22:01 +0000 입명이 http://blog.werconnected.info/seo-%eb%a5%bc-%ec%9c%84%ed%95%9c-15%ea%b0%80%ec%a7%80-%ea%b0%84%eb%8b%a8%ed%95%9c-%ed%85%8c%ed%81%ac%eb%8b%89/ SEO 는 많이 다루는 토픽입니다. 아무튼, 많은 사람들이 구글 검색의 첫 페이지 혹은 높은 랭크를 원합니다. 저는 SEO 에서 사람들이 자주 잊는 15가지를 다뤄봤습니다. 간단한 SEO 기술의 차이가 검색엔진 쿼리의 랭크에 어떤 차이를 주는지 알아봅시다.

  1. rel=”nofollow” 태그를 사용하면 페이지 랭크에 직접적인 영향을 주지 않습니다.
  2. 내부 링크를 위한 앵커 글귀를 적절히 사용합니다. ‘here’ 혹은 ‘there’의 사용을 피합니다.
  3. 이미지의 alt 태그를 항상 사용하고 태그의 내용을 기입합니다.
  4. 검색엔진에 친근한 영구링크를 사용합니다. ‘&’, ‘?’, ‘!’ 같은 문자를 사용하지 않습니다.
  5. 단어 사이의 하이픈 (-) 문구는 가독성을 높여줍니다.
  6. 하이픈 (-) 대신 밑줄(_)을 사용하지 않습니다.
  7. URL의 세션 ID의 사용을 금합니다.
  8. 고정 포스트를 사용하세요.
  9. 태그 구름을 사용하세요.
  10. 카테고리의 설명을 짧게합니다.
  11. 방문자로부터 카테고리를 구독하게합니다.
    (category specific RSS 워드프레스 플러그인을 사용)
  12. 가능하면 내부 링크를 이용합니다.
  13. 가능하면 서브 도메인보다 하위 디렉토리를 사용합니다. 기본 도메인에서 서브 도메인과의 공유가 되지 않아 다른 도메인으로 취급합니다.
  14. 독자들이 원하는 컨텐츠를 집중적으로 씁니다.
  15. 방문자는 오래된 글을 싫어합니다. 자주 글을 쓸 수 있도록 하세요. 검색엔진 스파이더의 관심을 위해 페이지 색인을 자주 업데이트하세요.

http://fwd4.me/1eJ

관련 포스트:

]]> http://blog.werconnected.info/seo-%eb%a5%bc-%ec%9c%84%ed%95%9c-15%ea%b0%80%ec%a7%80-%ea%b0%84%eb%8b%a8%ed%95%9c-%ed%85%8c%ed%81%ac%eb%8b%89/feed/ 2 Textmate 에서 jQuery 번들 사용하기 http://blog.werconnected.info/textmate-%ec%97%90%ec%84%9c-jquery-%eb%b2%88%eb%93%a4-%ec%82%ac%ec%9a%a9%ed%95%98%ea%b8%b0/ http://blog.werconnected.info/textmate-%ec%97%90%ec%84%9c-jquery-%eb%b2%88%eb%93%a4-%ec%82%ac%ec%9a%a9%ed%95%98%ea%b8%b0/#comments Sat, 06 Mar 2010 07:11:29 +0000 입명이 http://blog.werconnected.info/?p=337 웹 프로그래머의 코딩 도구로 Textmate 를 사용하고 있습니다. 원래는 번들과 단축키도 잘 쓰지 않았는데, 한 손으로 코딩을 하게 되니 자연히 단축키가 눈에 들어오더라고요. 자바스크립트를 공부하며 그리고 jQuery 를 공부하는데 번들이 있을까 해서 검색해보니 있더라고요. 영어 울렁증이 있는 분을 위해서 사용법을 첨부합니다. 아주 간단하여 번역도 필요하지 않습니다.

먼저 번들을 받아야겠죠? kswedberg 의 GitHub 에 들어가 소스를 받습니다. 그리고 다 받은 압축 파일을 해제한 후 폴더를 jquery.tmbundle 로 변환하고 확장자를 사용하게 합니다. 그러면 번들 파일이 만들어지고 더블 클릭하면 자동으로 설치가 됩니다. 그러나 HTML 파일에서는 자동완성 기능이 되질 않아 별도의 .js 파일을 만들지 않는 한은 활용도가 떨어지게 됩니다.

번들 메뉴의 번들 에디터에는 Edit Languages 가 있습니다. HTML 에서 patterns = ( 이란 문장이 보이실 겁니다. 아래에 이 내용을 추가 하신 후 Test 를 한번 눌르고 Text 재시동 하세요.

이제 HTML 에서도 자동완성이 될겁니다. 8)

http://fwd4.me/1c4

관련 포스트:

  • 관련된 포스트가 없습니다.
]]> http://blog.werconnected.info/textmate-%ec%97%90%ec%84%9c-jquery-%eb%b2%88%eb%93%a4-%ec%82%ac%ec%9a%a9%ed%95%98%ea%b8%b0/feed/ 0 워드프레스 MySQL 데이타베이스 최적화 하기 http://blog.werconnected.info/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-mysql-%eb%8d%b0%ec%9d%b4%ed%83%80%eb%b2%a0%ec%9d%b4%ec%8a%a4-%ec%b5%9c%ec%a0%81%ed%99%94-%ed%95%98%ea%b8%b0/ http://blog.werconnected.info/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-mysql-%eb%8d%b0%ec%9d%b4%ed%83%80%eb%b2%a0%ec%9d%b4%ec%8a%a4-%ec%b5%9c%ec%a0%81%ed%99%94-%ed%95%98%ea%b8%b0/#comments Fri, 05 Mar 2010 15:32:06 +0000 입명이 http://blog.werconnected.info/?p=302 링크의 내용을 빌려 2가지만 소개하겠습니다. 아실법한 내용일 수도 있습니다.

우선 워드프레스 MySQL 테이블을 최적화 하는 작업입니다. 이 명령어는 직접 phpMyAdmin 에 접속하여 사용하실 수도 있습니다. 불 필요하게 테이블을 최적화하는 플러그인을 이 명령어로 관리만 해주신다면 필요없을 듯 합니다.

테이블 명은 phpMyAdmin 테이블 목록에서 마지막 부담 테이블에 크기가 있는 곳을 공략하면 됩니다. SQL 명령어 보다 직접 체크 박스로 테이블을 선택하신 후, 그림처럼 선택하시면 됩니다. 테이블의 사용으로 인덱스 영역이 단편화가 되어 조각 모음 해준다고 합니다. 이유는 몰랐는데 글을 쓰고 검색하다 보니 알게 되었네요.

다만 테이블의 락이 걸린다는데 많은 데이타가 읽고 쓰이는 곳이 아니라면 굳이 걱정할 필요는 없을 듯 합니다. 게다가 wp_post 테이블의 경우 사용자만 쓰므로 걱정 없지만 아, 팀 블로그는 약간 예외겠네요. 팀원에게 관리 시간을 정하여 약 5~10분 정도 투자하는 방법도 좋을 듯 합니다.

두번째로 혹은 이 글의 마지막으로 리비전과 관련된 글입니다. 만약 데이타베이스를 백업하거나 옮길 경우 wp_post 테이블의 크기가 좀 부담 되실 수 있습니다. 그럴 땐 과감히 실행하세요.

리비전의 영역은 원래 없었지만, 언제부턴가 생겼습니다. 포스트 화면에도 보이지만, 백업 용도입니다. 위키와 비슷합니다. 만약 예전 글을 살리고 싶으시면 사용하면 되지만, 그렇지 않다면 쓸모없는 공간만 소비합니다. 또 플러그인으로 꺼버리거나 wp-config.php 파일을 수정하여 리비전의 수를 제어할 수 있습니다. 또한 끌 수도 있습니다.

첫번째는 끄는 방법이고 두번째는 3개만 생성하라는 옵션입니다. 직접 하나만 삽입하세요. 저는 2개만 생성하게 했습니다. 이렇게 2가지만 하여도 워드프레스 데이타베이스는 관리가 가능합니다. 8)

http://fwd4.me/1We

관련 포스트:

]]> http://blog.werconnected.info/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-mysql-%eb%8d%b0%ec%9d%b4%ed%83%80%eb%b2%a0%ec%9d%b4%ec%8a%a4-%ec%b5%9c%ec%a0%81%ed%99%94-%ed%95%98%ea%b8%b0/feed/ 2 워드프레스 보안에 좋은 .htaccess 팁 http://blog.werconnected.info/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%eb%b3%b4%ec%95%88%ec%97%90-%ec%a2%8b%ec%9d%80-htaccess-%ed%8c%81/ http://blog.werconnected.info/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%eb%b3%b4%ec%95%88%ec%97%90-%ec%a2%8b%ec%9d%80-htaccess-%ed%8c%81/#comments Thu, 04 Mar 2010 16:55:32 +0000 입명이 http://blog.werconnected.info/?p=251 모두 번역하지 않고 필요한 내용만 번역하겠습니다. 실력도 없지만 잘 못 됐다고 느끼시면 넘어가시길 부탁드립니다. 혹은 지적도 받을게요.

.htaccess 파일이 뭐지?

.htaccess 파일은 아파치 웹 서버의 설정에 쓰입니다. .htaccess 파일을 디렉토리에 위치할 경우 아파치 서버가 읽으며 그 때 실행하게 됩니다. 그 것은 자주 디렉토리의 보안에 사용됩니다.

이 글에서 어떻게 몇 라인을 수정하고 추가함으로써 보안에 강력함을 주는지 보여드립니다.

그 이전에 만약 벌써 사용중에 있다면 백업을 하시기 바랍니다. 만약 문제가 생기면 교체함으로 좋은 해결책이 됩니다.

WP 관리자 페이지 디렉토리의 특정 IP 주소 접근 금지

만약 혼자 블로그를 운영하고 있다면, 관리자 패널에 다른 모르는 사람의 접속이 없어야 합니다. 당신은 워드프레스 관리자 페이지의 알 수 없는 접속으로 고정 IP를 설정하여 막을 수 있습니다. 여기 팁을 보세요.

핫링크 끄기

때로는 어떤 사이트에서 당신의 사이트 이미지를 직접 링크하는 경우가 있습니다. 이 것은 자신의 호스팅 디스크를 절약하려는 행위죠. 그러나 상대방의 요청을 차단하여 그런 귀중한 대역폭을 사용 할 수 있습니다. 이 것은 “핫링크”로 알려져 있습니다. .htaccess 몇 줄을 추가해서 끌 수 있습니다.

스패머 막기

핫링크와 비슷한, 스패머는 당신의 자원을 이용하기로 악명높습니다. 몇가지 잠재해 있는 스패머를 식별하는 몇가지가 있습니다. 그 중 하나는 “리퍼러가 없음”의 요청을 감지하는 겁니다. 스패머는 어느 곳에서 봇을 이용하여 댓글을 작성합니다. 스패머를 차단하기 위해 아래 내용을 입력하세요.

WP-Config 보호

당신의 워드프레스 디렉토리의 wp-config.php 파일은 DB 이름, DB 사용자 그리고 암호가 포함되 있어 보안이 중요합니다. 어쩔 수 없는 선택이니 파일을 보호하세요.

디렉토리 브라우징 기능 끄기

누군가 워드프레스가 설치된 디렉토리 구조를 안다면 좋을게 없습니다.

.htaccess 자신을 보호하기!

마지막으로 당신은 외부 공격으로 .htaccess 파일을 막기 위해 많은 시간을 소요하길 원하는가요. 이번 핵은 외부 접근으로 .hta 로 시작하는 모든 파일을 막도록 할 수 있습니다.

.htaccess 파일의 이름을 변경한다면 더 좋겠죠?

http://fwd4.me/0wF

관련 포스트:

  • 관련된 포스트가 없습니다.
]]> http://blog.werconnected.info/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%eb%b3%b4%ec%95%88%ec%97%90-%ec%a2%8b%ec%9d%80-htaccess-%ed%8c%81/feed/ 4 Dell Inspiron 1545 노트북에 외장 HDD로 스노우 레오파드 설치 http://blog.werconnected.info/dell-inspiron-1545-%eb%85%b8%ed%8a%b8%eb%b6%81%ec%97%90-%ec%99%b8%ec%9e%a5-hdd%eb%a1%9c-%ec%8a%a4%eb%85%b8%ec%9a%b0-%eb%a0%88%ec%98%a4%ed%8c%8c%eb%93%9c-%ec%84%a4%ec%b9%98/ http://blog.werconnected.info/dell-inspiron-1545-%eb%85%b8%ed%8a%b8%eb%b6%81%ec%97%90-%ec%99%b8%ec%9e%a5-hdd%eb%a1%9c-%ec%8a%a4%eb%85%b8%ec%9a%b0-%eb%a0%88%ec%98%a4%ed%8c%8c%eb%93%9c-%ec%84%a4%ec%b9%98/#comments Wed, 03 Mar 2010 05:04:12 +0000 입명이 http://blog.werconnected.info/?p=92 제 재활 선생님이 맥에 관심을 갖게 되고 저는 선생님의 노트북(이하 1545 랩탑)에 설치를 해주는 일이 생기게 됐습니다. 저는 예전 부트-132를 통해 제가 가지고 있는 데스크탑에 레오파드를 리테일 버전으로 설치한 적이 있습니다. 그런데 1년에서 2년이 되는 오래된 기억이었죠. 그래서 처음에는 난감했습니다. 그리고 구글을 통해 마구 검색을 하기 시작했고 결국 설치를 마쳤습니다. 과정을 설명합니다.

튜토리얼의 소개

저는 맥북을 이용해 먼저 설치를 했기 때문에 리얼 맥이 있으신 분을 휘한 튜토리얼 입니다. 각 드라이버 호환은 내일 가서 또 봐야합니다. 우선 설치까지의 과정을 설명해드립니다. 참고가 됐던 원문을 올려드립니다. 영문이지만, 저도 번호만 신경썼을 뿐 나머지는 그 다지 신경쓰지 않았습니다. 외장 HDD 사용은 비록 시스템의 SATA HDD 보다 느리겠지만, 윈도우를 쓰다가 그냥 경험해보고 싶으신 분을 위한 위험도가 많이 적은 튜토리얼입니다.

http://www.insanelymac.com/forum/index.php?showtopic=197713

준비물

원문은 10.6.2 지만, 저는 10.6 부터 시작했습니다. 준비물은 10.6 리테일 CD 와 맥북 그리고 설치할 HDD 입니다. 부가적으로 필요한 드라이버나 부트로더가 있습니다. 정리하면,

  1. Chameleon RC3
  2. Chameleon RC4-AsereBLN-1.1.9
  3. ATIRadeonX2000.kext 와 수정된 ATI4500Controller.kext (아래에 설명)
  4. 수정된 IO8211Family.kext (아래에 설명)
  5. AppleACPIPS2Nub.kext 와 VoodooBattery.kext
  6. VoodooPS2Controller.kext 와 VoodooPS2Trackpad.kext
  7. fakesmc 2.5

http://omgmog.net/blog/wp-content/uploads/2009/09/osx-tmb.jpg

본 이미지는 이 설치와는 관련이 없으며 구글 이미지에서 가져왔습니다. 주소는 위에 있습니다.

관련 포스트:

]]> http://blog.werconnected.info/dell-inspiron-1545-%eb%85%b8%ed%8a%b8%eb%b6%81%ec%97%90-%ec%99%b8%ec%9e%a5-hdd%eb%a1%9c-%ec%8a%a4%eb%85%b8%ec%9a%b0-%eb%a0%88%ec%98%a4%ed%8c%8c%eb%93%9c-%ec%84%a4%ec%b9%98/feed/ 0 SEO를 위해 워드프레스 테마 설치 후 해야 할 작업 http://blog.werconnected.info/seo%eb%a5%bc-%ec%9c%84%ed%95%b4-%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ed%85%8c%eb%a7%88-%ec%84%a4%ec%b9%98-%ed%9b%84-%ed%95%b4%ec%95%bc-%ed%95%a0-%ec%9e%91%ec%97%85/ http://blog.werconnected.info/seo%eb%a5%bc-%ec%9c%84%ed%95%b4-%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ed%85%8c%eb%a7%88-%ec%84%a4%ec%b9%98-%ed%9b%84-%ed%95%b4%ec%95%bc-%ed%95%a0-%ec%9e%91%ec%97%85/#comments Wed, 03 Mar 2010 03:52:16 +0000 입명이 http://blog.werconnected.info/?p=154 정말 많은 글 들이 워드프레스를 검색엔진에 최적화 하는 것을 다루고 있습니다. 그러나, 여전히 워드프레스 테마를 설치 후 해야하는 작업을 상세하게 다룬 글이 없습니다. 아래에 그 정보를 다룹니다.

1. 퍼머링크 구조

방법: Setting 의 Permalinks 선택한 후 “Custom Structure” 에서 /%postname%/ 을 입력하세요.

왜 그런가요: %postname% 의 더욱 많은 정보를 위해를 원하면 이 곳을 클릭하세요. 당신이 클릭할 수 있도록 검색 결과가 증가할 수 있으며 또한 랭크가 약간 증가하는 이점을 얻을 수 있습니다.

2. SEO 플러그인

SEO 에 최대의 영향을 주는 플러그인을 설치하세요:

  1. All in one SEO pack – 타이틀 태그, 메타 태글를 최적화 해주는데 필요합니다.
  2. Redirection – 많은 SEO 관련 내용이 있지만, 301 리다이렉트가 중요합니다. 이 것은 302를 301로 리다이렉트 해주며, 예를 들어 http://example.com 를 http://www.example.com 로 방문하게 해주며, 이 플러그인은 301 리다이렉트를 non-www 버전으로 이동하게 해줍니다. (다르게 말해, 플러그인을 설치하지 않은 워드프레스에서 302 리다이렉트를 하는 것과 같습니다.)
  3. Google XML Sitemaps – 검색엔진이 사이트의 페이지를 쉽게 찰을 수 있게 해줍니다.

많은 사람들에게 다른 여러 SEO 플러그인을 사용하는것을 권장합니다만, 이 것은 제가 사용하는 Mix The Net 과 가까운 미래에 추가하지 않을 계획의 일부 입니다.

3. SEO를 위한 좋은 배움터

솔직히, 많은 SEO 조언들은 좋지 않았습니다. 이 것들은 실험되지 않은 이론에 불과했습니다. 우연히, SEO 에 대하여 연구하는 웹 사이트를 알게 됐습니다.

SEOMoz (http://www.seomoz.org/articles)는 그 중 귀중한 사이트입니다. 방문할 때, 페이지와 떨어져있는(사이드바)의 “Most popular guides” 아래를 보시면 무료 가이드를 볼 수 있습니다.

당신의 워드프레스 블로그를 포함할 수 있는 모든 웹 사이트에 적용되는 원칙입니다. 배우고 적용해보세요.

한가지 더 있다면, 제가 쓴 것을 구현해보면 이 글에 대해 고마워 할 것입니다. 구현하기 전까진 결과를 알 수 없겠지만, 저를 믿어주세요. 아마 당신은 놀랄 것입니다.

http://fwd4.me/HW2

관련 포스트:

]]> http://blog.werconnected.info/seo%eb%a5%bc-%ec%9c%84%ed%95%b4-%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ed%85%8c%eb%a7%88-%ec%84%a4%ec%b9%98-%ed%9b%84-%ed%95%b4%ec%95%bc-%ed%95%a0-%ec%9e%91%ec%97%85/feed/ 4 Font Replacement 기술 사용하기 http://blog.werconnected.info/font-replacement-%ea%b8%b0%ec%88%a0-%ec%82%ac%ec%9a%a9%ed%95%98%ea%b8%b0/ http://blog.werconnected.info/font-replacement-%ea%b8%b0%ec%88%a0-%ec%82%ac%ec%9a%a9%ed%95%98%ea%b8%b0/#comments Tue, 02 Mar 2010 10:28:03 +0000 입명이 http://blog.werconnected.info/?p=140 외국에는 이미 유행했던 기술이나 우리나라는 사용하는 곳을 보기가 힘드네요. 물론 한글일 경우 폰트에 따라 용량이 크기 때문에 가독성만 좋다면 굳이 쓸 필요는 없습니다. 그러나 영문만 쓰시거나 혹은 그냥 쓰겠다 하시는 분을 위해 사용법을 알려드립니다.

예전의 IE 를 통한 웹폰트가 유행했던 시절이 있습니다. 그러나 다른 브라우저에서는 쓸 수가 없었죠. CSS3 에서는 가능할지 모르나 또 반대로 IE 에서는 쓰지 못합니다, 현재까지는요. 그러나 폰트를 자바스크립트로 변경하여 쓰는 기술이 있습니다. 웹폰트와 유사하나 모든 브라우저가 쓸 수 있다는 점이 강점입니다. CSS3 의 @font-face 의 경우 웹의 특정 경로에 위치시키고 사용하고 이 또한 비슷합니다.

헤더에 스크립트를 위치시켜야 합니다. 하지만 하나의 스크립트가 더 필요합니다. 이 기술을 사용할 수 있게 해주는 스크립트입니다. 전의 것은 그냥 폰트를 변환한 것 뿐입니다. 우선 변환해야겠죠?

http://cufon.shoqolate.com/generate/

Use the following value as the font-family of the generated font (optional) 는 옵션이지만 원하는 이름을 적으세요. 다 변환하고 위의 Download 탭으로 스크립트를 받습니다. 이렇게 2가지 스크립트를 헤더에 올리면 99% 완료입니다. 이제 원하는 곳을 지정해야겠죠?

h1 은 원하는 태그명 fontname 에는 아까 옵션으로 적어준 이름 혹은 기본 폰트명을 쓰면 됩니다. 다음 폰트도 가능합니다. 외국에서는 간혹 헤드라인 폰트가 갑자기 바뀌는 경우가 있는데 모두 이 기술을 사용했기 때문입니다. 이쁘게 꾸민다고 남용하지는 마셨으면 합니다.

관련 포스트:

  • 관련된 포스트가 없습니다.
]]> http://blog.werconnected.info/font-replacement-%ea%b8%b0%ec%88%a0-%ec%82%ac%ec%9a%a9%ed%95%98%ea%b8%b0/feed/ 1 Adium 에서 Pixely 2.0 서비스 아이콘에서 네이트온 추가하기 http://blog.werconnected.info/pixely-2-0-%ec%84%9c%eb%b9%84%ec%8a%a4-%ec%95%84%ec%9d%b4%ec%bd%98%ec%97%90%ec%84%9c-%eb%84%a4%ec%9d%b4%ed%8a%b8%ec%98%a8-%ec%b6%94%ea%b0%80%ed%95%98%ea%b8%b0/ http://blog.werconnected.info/pixely-2-0-%ec%84%9c%eb%b9%84%ec%8a%a4-%ec%95%84%ec%9d%b4%ec%bd%98%ec%97%90%ec%84%9c-%eb%84%a4%ec%9d%b4%ed%8a%b8%ec%98%a8-%ec%b6%94%ea%b0%80%ed%95%98%ea%b8%b0/#comments Mon, 01 Mar 2010 04:20:24 +0000 입명이 http://blog.werconnected.info/?p=9 저는 맥에서 하나의 메신저를 사용합니다. Adium 메신저인데요. 네이트온 플러그인을 사용해서 총 7개의 계정을 통합하여 로그인 합니다. 그리고 많은 사람들이 메신저를 입맛에 맞게 꾸미곤 하는데요. 저도 마찬가지 입니다. HUD 식으로 꾸미면서 Opacity 를 줍니다. 제 메신저의 모습입니다.

원래 네이트온은 큼지막한 네이트 로고가 나와야 정상입니다. 그렇지만 저는 NTN 이란 서비스 단축 아이콘이 보입니다. 친구에게 부탁해서 이미지를 만들었습니다. 이미지는 뒤에 첨부해드리겠습니다. 혹시 몰라 저의 메신저 설정을 알려드리겠습니다.

  1. Service Icons: Pixely 2.0
  2. Status Icons: DewTo
  3. Menubar Icons: Adiumy
  4. Emoticons: Riceballs
  5. Dock Icons: Adiumy Black
  6. Color Theme: HugoHUD
  7. List Layout: HogoHUD
  8. Window Style: Group Style
  9. Opacity: 50%

폰트는 제 입맛에 맞게 설정했으니 본인에 맞게 설정하세요. 파일을 다운로드 받으시고 이름은 NateOn.png 로 변경하세요. 기존의 서비스 이미지를 변경할 예정이니 변경하시기 전의 이미지는 백업하세요. 다운로드를 다 받았다면 한글 상위을 기준으로 했다면,

  1. /사용자/유저명/라이브러리/Application Support/Adium 2.0/PlugIns/ 로 이동
  2. NateOn.AdiumLibpurplePlugin 파일에 오른쪽 마우스 버튼을 눌러 패키지 보기를 한 후
  3. 다시 Contents/Resources 경로의 NateOn.png 파일을
  4. 다운로드 받은 이미지로 교체해 주시면 됩니다.

메신저를 다시 시동하시면 됩니다. 예쁜 테마를 꾸미시기 바랍니다. :)

관련 포스트:

]]> http://blog.werconnected.info/pixely-2-0-%ec%84%9c%eb%b9%84%ec%8a%a4-%ec%95%84%ec%9d%b4%ec%bd%98%ec%97%90%ec%84%9c-%eb%84%a4%ec%9d%b4%ed%8a%b8%ec%98%a8-%ec%b6%94%ea%b0%80%ed%95%98%ea%b8%b0/feed/ 3