웹미니 - 웹속의 작은공간

[유머]대륙시리즈 모음

빽짱구 — Fri, 21 Nov 2008 13:54:34 +0900

요새 대륙시리즈를 보면서 너무 재미있어서 하나씩 모아봤습니다.
여기에서 대륙이란 중국을 말합니다.
별다른 의미는 없으며, 웃고 지나가시길 바랍니다.^^

대륙의 SONY

대륙의 과자

대륙의 군인

대륙의 기네식

대륙의 신발

대륙의 박명수

대륙의 버스

대륙의 샌드위치

대륙의 수영장

대륙의 슈퍼주니어

대륙의 슬리퍼

대륙의 이준기

대륙의 자전거

대륙의 초코파이

대륙의 초콜릿

대륙의 플스

대륙의 핫소스

대륙의 화장실

대륙의 USB

대륙의 가오리

대륙의 자동차 정비

대륙의 노숙자

대륙의 네비게이션

대륙의 산

대륙의 레이싱걸

대륙의 돼지운반

대륙의 진동포장

대륙의 이사

대륙의 자동차운반

대륙의 안전장치

대륙의 자이로드롭

대륙의 사다리

대륙의 호랑이

대륙의 생리대

대륙의 수상스키

대륙의 냉방시스템

대륙의 엘리베이터걸

대륙의 사다리

대륙의 운반

대륙의 취업박람회

대륙의 표지판

대륙의 김치

대륙의 초코파이

대륙의 조미료

대륙의 피규어

대륙의 손놀림

대륙의 바이크

대륙의 자동차

대륙의 여자기숙사 (콘돔)

대륙의 택배

대륙의 기숙사

대륙의 기차역

대륙의 교통

대륙의 가스배달

대륙의 비행시물레이션

대륙의 기차안

대륙의 붓글씨

대륙의 개잡는방법

대륙의 닌텐도

대륙의 가스배달

대륙의 식품

대륙의 레이싱걸

대륙의 동물원

대륙의 카레이서

대륙의 바위

대륙의 윈도우씨디

대륙의 마우스

대륙의 롯데리아

대륙의 버스

대륙의 고래운반

대륙의 튜닝자동차

대륙의 교통사고현장

대륙의 군인들

대륙의 야채세척

대륙의 슬램덩크

대륙의 MP3

대륙의 음식

대륙의 소주

대륙의 팬미팅

대륙의 해리포터

대륙의 레이싱걸

대륙의 용접

대륙의 유모차

대륙의 소방관

대륙의 아이팟

대륙의 얼룩말

대륙의 차력

대륙의 치킨

대륙의 쿨가이

대륙의 포장도로

대륙의 포카리

대륙의 패션

대륙의 오픈카

대륙의 야채세척

대륙의 명품돼지

대륙의 쥐튀김

대륙의 사다리

대륙의 자동차

대륙의 후룸라이드

대륙의 냉방시스템

대륙의 라면

대륙의 관광버스

대륙의 SUV

대륙의 자동차운반

대륙의 기자

대륙의 야채세척

대륙의 화장실

대륙의 U턴

대륙의 달걀

정말 따라하는건 세계최강인거 같네요.
사람 먹는 음식에는 제발좀 장난치지 맙시다.

[CSS]png 이미지로 상하좌우 유동적인 둥근박스 만들기

빽짱구 — Wed, 19 Nov 2008 18:32:44 +0900

png 이미지로 유동적인 둥근박스 만들기 입니다.

유동적인 박스를 만드는 방법은 다양합니다. 하지만, 박스의 쓰임새에 따라서 조금씩 다를수 있습니다.
저는 상하좌우 모두 유동적인 박스를 만들어보려고 합니다.
매번 말씀드리지만 표현하는 방법은 여러가지이며 아래 예제는 그중에 하나라고 보시면 됩니다.

총두가지 table 방식과 div 방식으로 예제를 통해 알아보도록 하겠습니다.

첫번째 table로 둥근박스 만드는 방법입니다.

위와 같은 박스를 만들고자 할때 이미지는 다음과 같이 잘라줍니다. (이부분은 div도 동일합니다.)

투명 png로 저장을 하시고, 나머지 회색 부분은 배경컬러로 적용하시면 됩니다. 곡선이미지(png)는 총4개입니다.

밑에서 설명을 하겠지만, png으로 저장시 css에서만 조금 달라질뿐이며, png같은 경우 gif보다 투명곡선을 표현할때 좀더 깔끔하기에 png를 선택했을뿐입니다. 배경이 투명이 아닐경우는 구지 png로 하시지 않아도 됩니다.

아래는 테이블로 감싸고 있을때의 모습입니다.

table 소스는 다음과 같습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>유동적인 둥근박스 만들기(테이블)</title>
<style type="text/css">
body table tr td {font-size:12px;}
.bg_gray {background:#e2e2e2;}
.top_left {width:20px; height:20px; background:url(bg_top_left.png) no-repeat;}
.top_right {width:20px; height:20px; background:url(bg_top_right.png) no-repeat;}
.bottom_left {width:20px; height:20px; background:url(bg_bottom_left.png) no-repeat;}
.bottom_right {width:20px; height:20px; background:url(bg_bottom_right.png) no-repeat;}
/* IE6용 png 적용 */
*html .top_left {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_top_left.png',sizingMethod='crop') }
*html .top_right {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_top_right.png',sizingMethod='crop') }
*html .bottom_left {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_bottom_left.png',sizingMethod='crop') }
*html .bottom_right {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_bottom_right.png',sizingMethod='crop') }
</style>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="top_left"></td>
<td class="bg_gray"></td>
<td class="top_right"></td>
</tr>
<tr>
<td class="bg_gray"></td>
<td class="bg_gray">이곳에 내용을 채우시면 됩니다.</td>
<td class="bg_gray"></td>
</tr>
<tr>
<td class="bottom_left"></td>
<td class="bg_gray"></td>
<td class="bottom_right"></td>
</tr>
</table>
</body>
</html>

IE6에서는 png 투명이미지가 지원되지 않습니다. 그러므로 IE6용으로 스타핵을 사용했습니다.
이부분은 [이글]을 참고하세요.

간단하게 설명을 드리자면 100% 테이블에 가로 세로 3개의 셀을 만드시고 4개의 곡선이미지를 style로 만든후 class로 불러들인 방식입니다. 그외 회색배경은 컬러로 적용을 했습니다.

첨부파일을 확인해보세요.

table.zip

두번째로 div 방식입니다.

위와 같은 모양입니다.
이미지 자르는건 table과 동일하며 마크업 및 css만 다를뿐입니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>유동적인 둥근박스 만들기(div)</title>
<style type="text/css">
#wrap {margin:0; padding:0; font-size:12px;}
#header, #contents, #bottom {clear:both;}
.top_left {float:left; width:20px; height:20px; background:url(bg_top_left.png) no-repeat;}
.top_right {float:right; width:20px; height:20px; background:url(bg_top_right.png) no-repeat;}
.top_center {position:relative; height:20px; background:#e2e2e2; overflow:hidden;}
.contents_center {position:relative; padding:0 20px; background:#e2e2e2; overflow:hidden;}
.bottom_left {float:left; width:20px; height:20px; background:url(bg_bottom_left.png) no-repeat;}
.bottom_right {float:right; width:20px; height:20px; background:url(bg_bottom_right.png) no-repeat;}
.bottom_center {position:relative; height:20px; background:#e2e2e2; overflow:hidden;}
/* IE6용 png 적용 및 3px버그용 */
*html .top_left {margin-right:-3px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_top_left.png',sizingMethod='crop') }
*html .top_right {margin-left:-3px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_top_right.png',sizingMethod='crop') }
*html .bottom_left {margin-right:-3px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_bottom_left.png',sizingMethod='crop') }
*html .bottom_right {margin-left:-3px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_bottom_right.png',sizingMethod='crop') }
</style>
</head>

<body>
<div id="wrap">
   
<div id="header">
<div class="top_left"></div>
<div class="top_right"></div>
<div class="top_center"></div>
</div>



<div id="contents">
      <div class="contents_center">내용이 들어가는곳입니다.</div>
   </div>



<div id="bottom">
<div class="bottom_left"></div>
<div class="bottom_right"></div>
<div class="bottom_center"></div>
</div>

</div>
</body>
</html>

첨부파일 확인해 보세요.

div.zip

<div class="contents_center">내용이 들어가는곳입니다.</div>

위에 부분에는 ul 이 올수도 있고 p 가 올수도 있습니다. 각기 필요해 따라 마크업을 하시면 됩니다.

방법은 정말 다양합니다. 다만, 우리는 더욱더 편한걸 찾을뿐입니다. 위에 자료를 참고하셔서 더 좋은 방법을 찾길 바랍니다.^^

[잡담]짜증나는 문자피싱

빽짱구 — Mon, 17 Nov 2008 16:00:31 +0900

보이스 피싱에 이어 문자피싱까지 피해 사례가 속출하고 있습니다.

저같은 경우 평상시에도 스팸문자와 불법게임사이트 문자를 10통 가까이 받으니까, 그냥 스팸문자구나 라고 생각하고 넘어갔는데, 이제는 이런식으로도 문자가 오네요. -.-

[G마켓](농협 109633644001**) 12800원 입금해주세요. 1566-5701

분명 G마켓에서 구매한적이 없는데 말입니다. 허어 이거참..

예전에는 G마켓에서 한달전~1주일전등 거래현황을 볼수있었던거 같은데 그 기능이 빠졌나봅니다. 만약 어딘가 있더라도 숨박꼭질이네요.. -.-

어디보자~ 분명 일일이 날짜 별로 체크해도 구매내역이 없었습니다. 구매을 했어도 저같은 경우 100% 카드결제인데 왠 쌩뚱맞게 12800원을 입금하라는건지...

비슷한 문자로 어디에 입금하라는건 많이 받아봤어도, G마켓을 사칭해서 문자를 받는건 처음이네요.

뭐~ 찾아보면 별애별 희한한 문자야 많겠지만, 점점더 지능적으로 사기치는건 분명한거 같습니다.

몇일전에 회사전화로 우체국 택배인데 찾아가라는 보이스피싱 전화도 오던데, 다시들을려면 1번을 누르랍니다. 기계음으로 들리는 목소리의 억양이 좀 이상한거 같아서 끊기했는데, 괜시리 1번 눌렀다가 결제라도 되면.. 왠 돈낭비 입니까? 알고도 당하는게 사기인거 같습니다.

어떻게 전화번호를 알아서 이런문자가 오는것인지, 개인정보가 유출되긴 했나봅니다. 젠장 -.-

내개인정보가 어디로부터 10원에 넘겨진건지.. 5원일려나. 굉장히 찝찝하긴 합니다.

얼마전에도 한나라당 이상득의원을 사칭으로 10대 청소년들이 문자피싱을 보낸후 검거됐다고 하는데...

역추적끝에 pc방에서 보낸걸 확인후 검거했다고합니다.

'난 pc방 죽돌이일 뿐이고... 리니지 아이템이 탐났을 뿐이고...'

여튼 모르는 전화나 문자는 무시하는게 산책인거 같습니다.^^

[잡담]위자드웍스 추천블로그 엠블럼

빽짱구 — Mon, 17 Nov 2008 11:21:33 +0900

위자드웍스의 추천블로그 엠블럼이 나왔습니다.

메일을 확인했더니, 11월 16일 오후 10시12분에 보내졌군요.. 위자드웍스에서는 일요일에도 열심히 일하는거 같습니다. 그 열정에 다시 한번 박수를 보내며, 위자드웍스의 추천블로그 엠블럼과 wzd.com 블로그탭 추가에 대해 잠시나마 포스팅을 해봅니다.

위자드닷컴 추천블로그 | 웹미니

위자드웍스 추천블로그 엠블럼은 무난하면서 튀지 않는 컬러로 디자인되었습니다.

다른 엠블럼과 같이 보도록 하겠습니다.

엠블럼 제작하시는분들이 얼마나 고민을 많이 하셨는지, 알것같습니다.

하나포스와 위자드웍스까지 두번째로 받는 엠블럼이긴 하지만, 뿌듯하고, 좋은느낌을 주는건 사실인거같습니다.

위자드웍스에서는 추천블로그 선정되었을 경우 아래와 같이 공지한바 있습니다.

* 선정특전(공통):
1) 우선 위자드닷컴 컨텐츠 추가창에 등재되는 것은 물론이고요,
2) 블로그에 붙일 수 있는 <2008 위자드닷컴 추천 블로그> 엠블렘이 수여됩니다.
3) 곧 공개될 위자드웍스의 위젯플랫폼 <위자드팩토리> 런칭파티에 초청되고요,
4) 그밖에 미리 공개하면 재미없는 깜짝 놀랄 선물이 기다리고 있답니다. *^^*

* 스페셜 특전(내블소 추천 블로그만의 특전):
5) 위자드에서 발간한 <위젯>책과 위자드웍스 깜찍이 기념품 세트를 선물합니다.

엠블럼과 동시에 wzd.com 추가창에 등재되므로 해서 위에 모든 사항의 혜택을 전부 받은거 같습니다.

저같은 경우는 회사일정으로 인해 런칭파티를 가지못해 위젯책과 기념품세트는 받지 못했지만, 이걸로도 충분히 감사해 하고있습니다.

이런이야기가 있습니다.

'어느날 복권에 당첨되게 해달라고 아주 간절히 하나님께 기도를한 남자가 있었습니다. 자신의 가난한 삶에 너무 힘들어 기도를 한것입니다. 그남자는 매일같이 기도를 했고, 어느날 하나님의 음성이 들렸는데 하나님께서는 이렇게 말씀하셨습니다.

"먼저 복권부터 사거라~"'

그냥 우수게 소리로 나온얘기이지만, 생각하는건 누구나 할수있습니다. 하지만 생각하고 실천하는게 쉬운거 같으면서도 잘되지 않습니다.

위자드웍스를 보면 생각을 행동으로 옮기는 기업같아 서비스를 이용하는 저에게도 굉장히 좋은 인상을 남겨주는거 같습니다.

앞으로도 좋은소식과 발전된 모습으로 지금과 같이 사용자들과 함께하는 기업으로 남아있길 기원합니다.^^

[텍스트큐브]텍스트큐브닷컴 블로그 수정하기

빽짱구 — Thu, 13 Nov 2008 16:05:29 +0900

텍스트큐브닷컴이 (http://blog.textcube.com/) 아직 베타 버전이라 스킨편집기능을 제공하고 있지 않습니다.

어쩌면 텍큐닷컴 베타 사용자들(저를포함)이 가장 우선적으로 필요로 하는 기능이 아닐까? 라는 생각을 해봅니다.

스킨편집 기능이 되어야 구글광고도 포스팅부분에 달수있고, 스킨도 자기 스타일데로 꾸밀수 있을텐데 말이죠.

그래서 생각해낸게 html 위젯 기능을 이용한 방법입니다. 마크업을 마음데로 할수는 없어도, css로 스킨스타일은 바꿀수가 있습니다.

제블로그를 보시면 텍큐에서 기본제공되는 스킨에서 스타일만 바꿔준것입니다.

아마도 이게 css 구조의 사이트에 장점이 아닐까 하는 생각을 합니다.

그럼 사용방법을 잠깐 알아보도록 하겠습니다.

먼저 '내 블로그 관리하기'를 클릭후 관리자 페이지로 들어가십시오.

그후 상단메뉴 꾸미기 > 위젯 > 위젯 추가를 해주세요.

다행이도 베타이긴 하지만 html 코드 위젯을 제공합니다. 숨쉴구멍은 남겨두었네요.^^

위젯 코드를 선택하시고, 그안에 스타일을 기술합니다.

위와 같이 내부스타일을 이용하는 방법입니다. 스타일 우선순위는 인라인 > 내부 > 외부순입니다.

이걸 이용한것입니다. 스킨 구조를 보아하니 외부로 css를 불러들였습니다. 그래서 우선순위가 높은 내부스타일을 적용시켰습니다. [자세히보기]

위젯안에

원하는 스타일

</style>

썩 좋은 방법은 아닙니다만, 이렇게 하는 방법도 있구나! 라고 알고 넘어가시면 감사하겠습니다.

위까지 해놓고 질문이 나올수 있습니다.

여기서 해당 레이아웃 id나 class 명을 어떻게 알아내나요?

파이어폭스 부가기능중에 firebug 라는 기능이 있습니다. 그걸 사용하시면 쉽게 알아낼수 있습니다.

어떻게요? 아래 이미지를 참고해주세요.

보시는 바와 같이 오른쪽 사이드바 id 명을 쉽게 찾을수 있습니다.

고로 위젯에 바꾸고자하는 id 명에 스타일만 추가해 주시고, class 도 같은 방법으로 하시면 됩니다.

이게 싫은신분은 소스보기로 해당소스를 찾는 방법도 있습니다. 요건 아마 귀찮을겁니다.

수정이 끝나셨으면, 해당 위젯을 사이드 바 적당한 위치에 넣으시면 되겠습니다.

저같은 경우는 프로필 위에 위치시켰습니다.

css를 이용해서 배경이미지도 바꿀수가 있으며 시간이 많으시다면, 레이아웃 위치도 바꿈으로 전혀 다른 스킨으로 재탄생시킬수도 있겠습니다.

다시 말씀드리지만, 위방법은 썩 좋은 방법은 아니며, 성격이 급한 분들을 위한 임시방편으로 보셨으면 합니다.

ps) 원상복구 시키고자 할시 해당 위젯을 삭제하시면 됩니다.^^

[CSS]png 투명이미지 css에서 배경 적용하기

빽짱구 — Thu, 13 Nov 2008 15:08:36 +0900

IE6 이하버전에서 투명 png 이미지를 지원하지 않기 때문에 사용하는 팁이며, 이미 투명 png 에 관련된 팁들은 많이 나와있습니다. 그중에 하나라고 보셔도 됩니다.

스크립트로 적용하는 방법 : http://www.webmini.net/341

css에서 배경만으로 할시 아래와 같이 적용하시면 되겠습니다.

스타핵을 이용한 방법입니다.

*html #img_png {margin-top:8px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png',sizingMethod='crop') }

hack 자세히 보기 : http://www.webmini.net/322

나라디자인에서도 비슷한 팁이 올라와있습니다. 위에 팁도 같은 맥락으로 보시는게 맞을듯 합니다.

나라디자인에서는 _(언더바핵)을 사용한 경우입니다.

언더바 핵을 이용한 방법

.selector{background:url(png24.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’png24.png‘, sizingMethod=’crop’);}

언더바핵을 사용할경우 Win IE 4~6에서만 동작하고 그외 브라우저에서는 핵부분이 제외되서 읽혀 들이게 됩니다.

하지만 스타핵은 Win IE 4~6, Mac IE 4~5 에서 동작을 하기 때문에 그외 브라우저용으로 하나더 만들어야 하는 불편함이 있습니다. 아래를 참고하세요.

#img_png {margin-top:8px; background:url(test.png) no-repeat;} // Win IE 4~6 외 타브라우저용

*html #img_png {margin-top:8px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png',sizingMethod='crop') } // Win IE 4~6 용

사용하시는건 본인 스스로가 판단하시되, 두핵모두 background-repeat 적용이 안되는점은 유의하시기 바랍니다.

[Javascript]버튼클릭시 레이어창 띄우기

빽짱구 — Thu, 13 Nov 2008 09:36:06 +0900

버튼클릭시 레이어창 띄우는 팁입니다.

여러가지 방법이 있지만, 그중에 한방법입니다.

클릭할 버튼을 아래와 같이 작성합니다.

layer 은 클릭시 보여질 id 명 (내용) 입니다.

버튼클릭시 보여질 내용은 아래와 같이 작성합니다.

보여질 내용입니다.

</div>

보여질 내용부분에는 ul 이 들어갈수도 있고, table 등이 들어갈수도 있겠군요.

마지막으로 스타일을 입혀주시면 됩니다. (외부/내부/인라인 상관없습니다.)

단, 스타일쪽에 display:none; 이 들어가야합니다.

#layer {display:none; width:200px; border:1px solid #ccc;}

대충 위처럼 꾸미고자 하는 스타일을 주시면 됩니다.

기본적으로 레이어창이 보이지 않고 버튼을 클릭할경우 보이기되며, 다시 한번 누르면 레이어창이 닫히게 됩니다. 만약 레이어창안에 닫기 버튼을 만들어서 클릭시 다시 닫히게 하고자 하면 위에 레이어창 띄우는 버튼과 동일하게 닫기 버튼을 만드시면 됩니다.

이런식이 되겠습니다.

미리보기는 http://web.webmini.net/ 에서 '통합검색' 부분과 '언어' 선택부분을 참고하시면 됩니다.

다른방법 : http://www.webmini.net/347

[잡담]신의키스를 아십니까?

빽짱구 — Sat, 08 Nov 2008 22:09:44 +0900

홈페이지를 제작해보거나, html 에 관심이 있던 분들이라면 신의키스를 모두가 아실거라 생각됩니다.
2006년 초까지 운영되다 리뉴얼 공지를 띄운채 아무런 리뉴얼없이 2008년 10월29일에 다시 오픈을 했습니다.
공지글을 읽으시면 아시겠지만, 운영자(신키님)의 무책임함을 인정하는듯 합니다.
어찌됐건 신의키스가 2년넘게 문을 닫음에도 불구하고 활성화된 모습이 보여지는걸 봐서 오픈되길 기다리는 분들이 꽤나 있었나봅니다.

제로보드 사이트에서도 여러 스킨배포로 유명세를 많이 탔었습니다.
제로보드4에서 XE까지 2년사이에 웹에서는 엄청난 변화가 있었고, 발전되었습니다.

공지에서 언급했듯이 리뉴얼 목적으로 파일을 옮겨서 인지 오류페이지도 종종 보입니다.

저같은 경우는 2003년도에 '신의키스'를 알게되었는데, 그때당시 정말 많이 배운것 같습니다. html에 매력에 빠져 재미있게 공부를 했고, 지금 5년이 지난 현재 웹퍼블리셔로 일하게 된것도 그때의 영향력이 조금은 작용하지 않았나 하는 생각을 해봅니다.

신의키스에 대해서 긍정적인 생각이 많았었는데, 10월29일 2년전의 사이트 그대로 오픈한걸 보고 실망이 이만저만이 아니었습니다.
웹은 정말 빠르게 발전하고 변화하고 있는데, 2년전의 모습그대로의 소스를 보니, 웹표준을 준수하고 있는 이시점에 table의 레이아웃과, 파폭에서 동작하지 않는 팁들, 사용하지 않는 font 태그등등을 보면서 안타까운 마음을 갖게 된건 사실입니다.
대부분이 익스전용 팁들이라 이런팁들을 보면서 홈페이지를 배우는 유저들이 코딩에 대한 나쁜습관이 생기질 않을까 하는 걱정도 됩니다.
차라리 리뉴얼을 멋지게 하고 '짜잔~'하고 오픈되었으면 좋았을것을.. 한때 '신의키스'를 좋아하는 유저로서 아쉬움이 남습니다.

이부분은 신키님도 나름 생각하고 계실거라 믿습니다.

사실 저도 신의키스의 트래이드마크인 천사가 그립긴했습니다.
5년전의 제모습이 생각나기두 하구요.. 예전에 신의키스의 bgm이 신승훈의 '오랜이별 뒤에' 였을때가 있었는데, 그노래가 순간 뇌리를 스쳐지나갑니다.

어찌됐건 다시 오픈한걸 축하드리며, 멋진 모습으로 거듭나길 바랍니다.

[사진]스피드메이트 '가을맞이 Photo Essay' 공모전 당첨

빽짱구 — Fri, 31 Oct 2008 14:45:31 +0900

스피드메이트에서 진행중인 이벤트 '가을맞이 Photo Essay 공모전'에 당첨이 됐습니다. 물론 1등이 아닌 '포토상'에 그쳤지만, 굉장히 뿌듯하게 생각합니다.

힘들어하는 친구를 위해 '정동진'에 갔고, 친구의 그런모습을 사진속에 담고싶었습니다.

http://photo.webmini.net/7

힘들어하는 친구의 모습과 불꽃을 터트리며 즐거워하는 사람들과의 상반되는 모습이 사진에 담겨있습니다. 분명 친구는 불꽃을 보면서 '나도 저불꽃과 같다면'.. 아니면, '나도 저사람들처럼 즐거웠으면...' 이라고 생각했을것입니다.

그날 정동진에서 술먹으면서 비록 많은 대화는 하지 않았지만, 힘들때 같이 있게해준 친구한테 고맙고, 힘든상황을 나에게 털어놓는 친구가 있어서 감사했습니다.

우울할때 누군가 대화를 들어주거나, 같이 있어주는것 만으로도 많은 힘이 되는거 같습니다.

언제나 의지할수 있는 친구에게 화이팅을 보냅니다.

[음악]SK브로드밴드 W & Whale - R.P.G. Shine

빽짱구 — Tue, 28 Oct 2008 13:46:30 +0900

SK브로드밴드 ‘See The Unseen’ 광고로 많이 알려진 W & Whale - R.P.G. Shine

일렉트로니카 그룹 ‘W’와 여성객원보컬 'whale' (웨일) - 본명:박은경 이란 분이 공동 작업을 하였다고 합니다.

개인적으로 좋아하는 외모입니다.^^; 1985년생이군요..

별명이 '돌고래'라고 하는데, 그래서 Whale(고래) 일지도 모르겠군요..^^

[Flash] http://serviceapi.nmv.naver.com/flash/NFPlayer.swf?vid=2614C97F0C22606359BC79418C2983E308EB&outKey=V125c08a06128b3817eecb9f35e9bb7398afcbbbf3ac1d361cffbb9f35e9bb7398afc

R.P.G. Shine

건조한 눈빛 쓰디 쓴 그대의 혀
항상 말만 앞서고 행동하진 못해
나는 좀처럼 스스로 판단할 수 없어
필요한 건 rocket punch
때론 나대신 싸워주는 로봇
그건 말도 안 되는 만화 속 이야기
너의 어깨가 부셔져라 부딪혀야 해
1 & 2 & 3 & 4
걱정하는 것을 걱정하지마
rocket punch generation
지루하게 선명하기보다는
흐릿해도 흥미롭게
you have to cha cha cha
change yourself
대체 왜 그래 뭐가 부끄럽다고
딱딱해지는 몸짓 빨개지는 얼굴
삶은 언제나 그렇듯 오르막 내리막
tricky freaky break it my heart
누가 뭐래도 무거운 신념 하나
너의 가슴 속 깊이 못을 박아 두고
결국 뱃머리 돌리는건 바로나
캡틴 whale
5 & 6 & 7 & 8
걱정하는 것을 걱정하지마
rocket punch generation
지루하게 선명하기보다는
흐릿해도 흥미롭게
you have to cha cha cha
change yourself
oh love me & love you
이보다 더 좋을 순 없으니
Hold me & I'll hold you
또 이보다 더 나빠진다 해도 우리
이미지난일은 후회하지마
rocket punch generation
불안할것없어 다가올일도
중요한건 바로지금
i have to cha cha cha
change my
you have to cha cha cha
change your
we have to cha cha cha
change ourselves
걱정하는 것을 걱정하지마
rocket punch generation
지루하게 선명하기보다는
흐릿해도 흥미롭게
you have to cha cha cha
change yourself

[Flash] http://serviceapi.nmv.naver.com/flash/NFPlayer.swf?vid=41C80458CAB0D0A0924F0AF7884589909A7F&outKey=V12881b7ae901fccd1a109fbac37c07f8cbb8f981144f7daa6dd89fbac37c07f8cbb8

‘See The Unseen’ 광고

못보던 세상 이제 시작이야
뭔가 보고 느끼고 경험하고 싶어
누구도 볼수 없었던, 보여주지 못했던
See the unseen 브로드밴드
약간의 TV
약간의 인터넷
전화 약간 합치면 못보던 세상
이제 내딛자 뛰어들자 들어가보자
See the unseen 브로드밴드
익슥한 세상이 놀랍게 변해
자, 지금부터 시작이다
See the unseen 브로드밴드

맨처음 하나로TV에서 노래가 나오길래 자우림인줄 알았는데, 아니더군요..

TV광고에서도 많이 나오고, 음악프로에서 노래부르는걸 보니 키도크고, 노래도 잘하고, ^^;

앞으로 많은 활동 기대해 봅니다.