페이지오프: 11월 2007

2007년 11월 27일 화요일

두려움은 높이에서 오는 것이 아니라 심장에서부터 온다.

두려움은 높이에서 오는 것이 아니라 심장에서부터 온다.

천운영님의 소설 '잘가라 서커스'중에 나오는 말이다.
아무리 높은 곳이라도 두려움을 느끼지 않을 만큼 차가운 심장을 가졌지만, 사랑 앞에서 처음으로 아찔하고도 안타까운 가슴졸임을 느끼는 심장의 떨림. 사랑은 그런 것이구나하고 다시 한번 깨닫게 된다.

나는 누구라도 알아 맞출 수 있을만큼 확실한 에이형의 남자다. 특별한 이유도 없이 울적해지고, 소심해지는 심성을 어쩌지 못하고, 그렇게 그런대로 살아가는 작은 남자. 운이 좋게도 한두번의 연애도 해 봤지만 애석하게도 남자가 고백을 했던 상대로부터는 단 한번도 결실을 맺어보지 못한 놈이기도 하다. 항상 걱정을 앞세우고 더듬거리다가 기회를 놓치기도 했고, 차마 용기내지 못하고 그만두었던 순간도 있었던 것 같다.

내게 심장은 너무나 가깝고, 큰 것이었을까. 하지만 천운영님의 글귀때문에 조금은 용기를 가져볼양도 생긴것 같다. 그 어떤 차갑고 무딘 심장을 가진 사람이라도 결국은 사랑 앞에서는 홧홧히 뜨거워지는 설레임을 거절하지 못한다는 것을 알것도 같아서다.

아직은 아쉬운 시간 속에 혼자임을 그냥 그대로 묻어두고 살며 지내지만 제게도 내일이든 언제든 좋은 인연이 나타나고, 다시금 그 떨림 앞에 서 볼수 있겠지않나.

2007년 11월 26일 월요일

바보멍청이라는 욕

며칠전 모 인터넷 방송을 청취하다가 들은 사연이다.

우리 누나는 욕이란걸 할 줄 모릅니다. 기껏해야 "바보야", "멍청이야" 하는 것이 고작입니다.
그런 누나가 세상에서 가장 심한 욕이라고 내뱉는 말이 "바보 멍청이야"입니다.

중략...

그런 누나에게 제가 "바보 멍청이야"라고 말했습니다. 누나는 속이 상해서 며칠째 제게 말을 하지 않습니다.

어찌보면 우습기도 하고, 이게 뭐야 할 수도 있는 짧은 사연이었다. 하지만 내겐 그렇게 하하- 하고 웃어버리고 잊어버릴만큼 작은 것이 되지 않았나 보다.

나는 살면서 나이라는 것을 한 살 두 살 먹어가면서, 세상살이에 못된 것들을 눈과 귀로 보고 듣고, 몸으로 체감하면서 못되어지는 마음과 방어할 수 있는 욕지꺼리를 배워왔다. 잘못된 것인줄을 알면서도 그것이 나를 강하게 한다고도 생각해왔다. 섬뜩하리만치 무서운 말들을 나는 아무렇지 않게 내 뱉을 수도 있고, 때로는 상처가 되는 말을 무심하게 던져버리곤 한다.

내게 바보야와 멍청이야는 귓가에 닿지도 않을 만큼 초라한 단어일 뿐이었다. 하지만 사연 속에 묻어난 그 단어들은 놀라웁게도 나를 흔들었고, 알 수 없는 죄스러움과 죄책감을 가지게 만들었다. 사연 속 누나의 천진함이나 순수함 때문일 수도 있겠다. 하지만 단어와 말이 가지는 가장 원초적인 의미를 다시 깨우쳤다고 생각해야 하지 않을까.

세상 어떤 말과 욕도 의미를 담지 않으면 상처가 되지 않는다. 그저 소리로 깨어져 나갈뿐.

내 입을 토해져 나오는 세상의 어떤 말에도 함부로 독을 담지 않아야겠다는 생각. 그 생각이 나를 흔들었다.

2007년 11월 20일 화요일

프로젝트만 웹표준화 세미나 신청하기

프로젝트만에서 웹표준화에 대한 세미나를 한답니다. 올해 몇차례 웹표준화 세미나를 참석해 볼려고 했으나,
부득이하게 기회를 얻지 못했는데 마지막이다 싶어 오늘 신청했네요.

▶ 타이틀 : WHY & HOW 웹표준 왜?어떻게?
▶ 내 용 : 웹표준화,웹퍼블리셔 그리고 신현석팀장의 솔직한 이야기들
▶ 세미나일시 : 2007년 12/8(토) 오후 2:00 ~ 5:00 (3시간동안 함께 하겠습니다)
▶ 세미나장소 : 강남 (추후 다시공지하겠습니다. - 업데이트됩니다.)

▶ 접수방법 : 프로젝트만에 회원가입하시고, 바로 Booking 메뉴에서 접수신청
▶ 접수기간 : 2007년 11/19 (월) ~ 11/30 (금) 저녁 6시까지
▶ 부킹 선정자 발표 : 2007년 12/4 (화) 점심때 → 선정자는 SMS를 날려드립니다.

▶ 참가자격 : 제한 없음. (웹코더,웹퍼블리셔들께서 들으시면 더 좋겠군요)
→ 참가하신 분들중에 부킹 선정되신 분들만 입장 가능합니다.

▶ 참 가 비 : 참가비 없음. 완전 무료
▶ 선정방법 : 강사 맘대로
▶ 선배강사 : 신현석 팀장 (강사소개 보기)

2007년 11월 19일 월요일

첫눈, 11월 19일

정화한테서 첫눈이 내린다는 연락을 받았지만,
내가 사는 수원은 비만 조금 내리고 있을 뿐이었다.

뉴스에서도 서울과 인천지역에 첫 눈이 내리고 있다는 것으로 보아,
내가 비라고 생각했던 그 차가운 느낌이 첫눈이었던 것 같다.

첫 눈,
올해는 혼자서 이 순간을 맞고 싶지는 않았는데
별 수 없이
또 이렇게 혼자구나 싶다.

뭐- 그렇긴 해도 그렇게 기분이 울적하진 않다.
왠지 모르겠지만

요 며칠 속으로 앓고 있던 것을 그냥 털어버리고 나니
조금은 개운한감도 있고, 나쁘지만은 않다.

이제 겨울인가보다.

2007년 11월 17일 토요일

벌써 가을도 가는구나

1년은 11개월. 마지막 12월은 그저 보답하는 마음으로 우리에게 덤으로 주어진 시간.

그렇게 보면 2007년도 이제 보름 남짓 남아버린것 같다.
덕분에 가을도 참 짧고, 아쉽게 지나간다.
누군가와 손 맞잡을 욕심까지는 버리더라도, 카메라를 들고 단풍이며 억새며 찍어보자던 다짐도
지켜보지 못한채 아쉬운 겨울 바람을 맞게 되는것 같다.

어제 오늘 비가 조금 내린뒤로 무척이나 추워졌다.
영하 몇도.. 몇도까지 떨어진다는 아나운서의 예쁜 입술말이 어쩌니 어색하더니,
참말인가 보다. 정말 춥다. 바람도 어찌나 거칠게 부는지.

다들, 감기 조심하길!

2007년 11월 10일 토요일

대명 비발디파크의 가을

디지털오션 하반기 워크샵으로 다녀온 대명 비발디파크에서 찍은 가을풍경이다.

more..

2007년 11월 1일 목요일

날개 배너

쇼핑몰에서 많이 사용되고 있는 날개배너입니다. 배너 안에 상품을 위/아래로 클릭 롤링시킬 수 있도록 했습니다.

(아래 소스는 제가 작업중에 사용한 그대로입니다. 사용하실 분들은 많이 손을 보셔야 할지도 모르겠습니다^^)

HTML

<div id="STATICMENU" style="position: absolute; z-index: 100; width: 85px; height: 494px; ">

<table cellspacing="0" style="width: 85px; background: url('/img/reservation/bg_wing_mid.gif') repeat-y">
<tr>
<td><img src="/img/reservation/bg_wing_top.gif" width="85" height="36" alt="" /></td>
</tr>
<tr>
<td class="vt ac" style="height: 22px"><a href="javascript:today_prev_model()"><img src="/img/reservation/bt_wing_top.gif" width="48" height="10" alt="" /></a></td>
</tr>
<tr>
<td>

<div id="hidden_item_0" style="display: none;">
<table cellspacing="3" style="width: 60px; margin: 0 auto">
<tr>
<td colspan="2" class="imgBox ac"><a href=""><img src="/img/reservation/img_main_temp_04.gif" width="58" height="46" alt="" /></a></td>
</tr>
<tr>
<td colspan="2"><a href="" class="emp">GGI0</a></td>
</tr>
<tr>
<td style="word-spacing: -3px; line-height: 150%"><img src="/img/common/ic_cate_pension.gif" width="24" height="12" alt="" align="absmiddle" /> 가평군 상면 행현리</td>
</tr>
</table>
</div>
<div id="hidden_item_1" style="display: none;">
<table cellspacing="3" style="width: 60px; margin: 0 auto">
<tr>
<td colspan="2" class="imgBox ac"><a href=""><img src="/img/reservation/img_main_temp_04.gif" width="58" height="46" alt="" /></a></td>
</tr>
<tr>
<td colspan="2"><a href="" class="emp">GGI1</a></td>
</tr>
<tr>
<td style="word-spacing: -3px; line-height: 150%"><img src="/img/common/ic_cate_pension.gif" width="24" height="12" alt="" align="absmiddle" /> 가평군 상면 행현리</td>
</tr>
</table>
</div>
<div id="hidden_item_2" style="display: none;">
<table cellspacing="3" style="width: 60px; margin: 0 auto">
<tr>
<td colspan="2" class="imgBox ac"><a href=""><img src="/img/reservation/img_main_temp_04.gif" width="58" height="46" alt="" /></a></td>
</tr>
<tr>
<td colspan="2"><a href="" class="emp">GGI2</a></td>
</tr>
<tr>
<td style="word-spacing: -3px; line-height: 150%"><img src="/img/common/ic_cate_pension.gif" width="24" height="12" alt="" align="absmiddle" /> 가평군 상면 행현리</td>
</tr>
</table>
</div>
<div id="hidden_item_3" style="display: none;">
<table cellspacing="3" style="width: 60px; margin: 0 auto">
<tr>
<td colspan="2" class="imgBox ac"><a href=""><img src="/img/reservation/img_main_temp_04.gif" width="58" height="46" alt="" /></a></td>
</tr>
<tr>
<td colspan="2"><a href="" class="emp">GGI3</a></td>
</tr>
<tr>
<td style="word-spacing: -3px; line-height: 150%"><img src="/img/common/ic_cate_pension.gif" width="24" height="12" alt="" align="absmiddle" /> 가평군 상면 행현리</td>
</tr>
</table>
</div>
<div id="hidden_item_4" style="display: none;">
<table cellspacing="3" style="width: 60px; margin: 0 auto">
<tr>
<td colspan="2" class="imgBox ac"><a href=""><img src="/img/reservation/img_main_temp_04.gif" width="58" height="46" alt="" /></a></td>
</tr>
<tr>
<td colspan="2"><a href="" class="emp">GGI4</a></td>
</tr>
<tr>
<td style="word-spacing: -3px; line-height: 150%"><img src="/img/common/ic_cate_pension.gif" width="24" height="12" alt="" align="absmiddle" /> 가평군 상면 행현리</td>
</tr>
</table>
</div>
<div id="hidden_item_5" style="display: none;">
<table cellspacing="3" style="width: 60px; margin: 0 auto">
<tr>
<td colspan="2" class="imgBox ac"><a href=""><img src="/img/reservation/img_main_temp_04.gif" width="58" height="46" alt="" /></a></td>
</tr>
<tr>
<td colspan="2"><a href="" class="emp">GGI5</a></td>
</tr>
<tr>
<td style="word-spacing: -3px; line-height: 150%"><img src="/img/common/ic_cate_pension.gif" width="24" height="12" alt="" align="absmiddle" /> 가평군 상면 행현리</td>
</tr>
</table>
</div>
<div id="hidden_item_6" style="display: none;">
<table cellspacing="3" style="width: 60px; margin: 0 auto">
<tr>
<td colspan="2" class="imgBox ac"><a href=""><img src="/img/reservation/img_main_temp_04.gif" width="58" height="46" alt="" /></a></td>
</tr>
<tr>
<td colspan="2"><a href="" class="emp">GGI6</a></td>
</tr>
<tr>
<td style="word-spacing: -3px; line-height: 150%"><img src="/img/common/ic_cate_pension.gif" width="24" height="12" alt="" align="absmiddle" /> 가평군 상면 행현리</td>
</tr>
</table>
</div>
<div id="hidden_item_7" style="display: none;">
<table cellspacing="3" style="width: 60px; margin: 0 auto">
<tr>
<td colspan="2" class="imgBox ac"><a href=""><img src="/img/reservation/img_main_temp_04.gif" width="58" height="46" alt="" /></a></td>
</tr>
<tr>
<td colspan="2"><a href="" class="emp">GGI7</a></td>
</tr>
<tr>
<td style="word-spacing: -3px; line-height: 150%"><img src="/img/common/ic_cate_pension.gif" width="24" height="12" alt="" align="absmiddle" /> 가평군 상면 행현리</td>
</tr>
</table>
</div>

<script type="text/javascript">

</script>
<div id="today_model_0">
   <script type="text/javascript">document.write(today_model_html[2]);</script>
   </div>
   <div id="today_model_1">
   <script type="text/javascript">document.write(today_model_html[3]);</script>
   </div>
   <div id="today_model_2">
   <script type="text/javascript">document.write(today_model_html[4]);</script>
   </div>
   <div id="today_model_3">
   <script type="text/javascript">document.write(today_model_html[5]);</script>
   </div>
</td>
</tr>
<tr>
<td class="vb ac" style="height: 22px"><a href="javascript:today_next_model()"><img src="/img/reservation/bt_wing_bottom.gif" width="48" height="10" alt="" /></a></td>
</tr>
<tr>
<td><img src="/img/reservation/bg_wing_bottom.gif" width="85" height="10" alt="" /></td>
</tr>
</table>
   
   </div>

JavaScript

// 우측 날개 스크롤 시작
var stmnRIGHT = -100; // 오른쪽 여백 (메뉴가 오른쪽에서 지정된 음수값 픽셀만큼 떨어진 곳에 보여집니다)
var stmnGAP1 = 0; // 위쪽 여백 (메뉴가 위에서 10픽셀 떨어진 곳에 보여집니다)
var stmnGAP2 = -300; // 스크롤시 브라우저 위쪽과 떨어지는 거리
var stmnBASE = 0; // 스크롤 시작위치
var stmnActivateSpeed = 20;
var stmnScrollSpeed = 100;
var stmnTimer;

function RefreshStaticMenu() {
var stmnStartPoint, stmnEndPoint;

stmnStartPoint = parseInt(document.getElementById('STATICMENU').style.top, 10);
stmnEndPoint = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;

if (stmnStartPoint != stmnEndPoint) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
document.getElementById('STATICMENU').style.top = parseInt(document.getElementById('STATICMENU').style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount ) + 'px';
stmnRefreshTimer = stmnScrollSpeed;
}

stmnTimer = setTimeout("RefreshStaticMenu();", stmnActivateSpeed);
}

function InitializeStaticMenu() {
document.getElementById('STATICMENU').style.right = stmnRIGHT + 'px';
document.getElementById('STATICMENU').style.top = document.body.scrollTop + stmnBASE + 'px';
RefreshStaticMenu();
}
// 우측 날개 스크롤 끝

// 날개 상품 보기 스크립트
var today_model_html = new Array();
today_prev_count = 2;
today_next_count = 2;

function today_prev_model() { // 날개 이전 상품 보기

if (today_prev_count == 0){
//alert('이전상품이 없습니다.');
return;
} else {
start = today_prev_count - 1;
for(i=0,j=start;i<4;i++,j++) {
today_model = document.getElementById('today_model_'+i);
today_model.innerHTML = today_model_html[j];
}
this.today_prev_count = today_prev_count - 1;
this.today_next_count = today_next_count + 1;
}
return;
}

function today_next_model() { // 날개 다음 상품 보기

if (today_next_count <= 0 ) {
//alert('다음상품이 없습니다.');
return;
} else {
start = today_prev_count + 1;
for(i=0,j=start;i<4;i++,j++) {
today_model = document.getElementById('today_model_'+i);
today_model.innerHTML = today_model_html[j];
}
this.today_prev_count = today_prev_count + 1;
this.today_next_count = today_next_count - 1;
}
return;
}

이 글은 스프링노트에서 작성되었습니다.

페이지오프