WaterFlow's Media Life

티스토리 초대장을 배포합니다.

WaterFlow — Sat, 19 Jul 2008 02:37:03 +0900

초대권은 20장정도 있습니다.

초대장을 신청하실 분은 간단한 블로그 사용 목적과 초대장을 받을 메일주소를 아래 댓글로 적어주세요.

초대해드렸는데 블로그를 운영하지 않는 분이 사실 대부분이었습니다. 되도록이면 일주일, 혹은 이주일에 한번정도 블로그에 글을 올리고 관리하실 분들이 신청해주셨으면 하네요.

Tistory Beta TEST the 6th Mission 티스토리를 1년간 사용하면서

WaterFlow — Sat, 19 Jul 2008 01:28:56 +0900

어느덧 티스토리를 사용한지 거의 1년이나 되었다. 네이버 블로그에서 잠시 북리뷰와 스크린 샷을 올리다가 Edl님의 블로그를 보고 티스토리 초대장을 얻게 되었다.

네이버 블로그가 있었지만 굳이 티스토리로 옮긴 이유는 바로 사용자화가 훨씬 쉽다는 것이었다. 네이버는 커다란 포탈이지만 제공하는 서비스가 제한적이고, 글을 올리고 블로그를 꾸미는데에 여러가지 한계가 있었다.

티스토리를 사용하게 된 계기

스킨을 꾸미는데 있어서 html과 css파일을 자유롭게 수정할 수 있다.
동영상이나 음악을 포스팅하는 것이 자유롭다.
티스토리를 이용하고 있는 사용자들의 블로그들이 너무 멋쪄 보였다.
블로그만을 위해 특화된 서비스를 제공하고 있어 매력적이다.
많은 블로거들이 모여 소통할 수 있는 커다란 장이 마련되어 있다.

티스토리를 사용하기 시작하면서 블로그에 대한 시각이 한층더 넓어졌다. 기존에 썼던 네이버는 약간은 폐쇄적이고 네이버 서비스 이용자들 끼리만 왕래하는 경우가 많았다. 블로그 자체도 그냥 좋은 글을 퍼다 담고, 책 서평이나, 스크린 샷정도를 올리면서 개인적으로 운영을 했는데, 티스토리를 사용하면서 여러 사용자들을 만날 수 있었다. 관심있는 분야를 공유하고 서로 정보를 주고 받으며 왕래하는 것이 무척이나 즐겁고 재미난 일이라는 것을 알게 되었다.

앞으로도 티스토리를 통해서 여러가지 관심 분야에 관힌 글들을 포스팅하고 여러 사람들과 왕래하고 싶다. 그렇게 할수 있도록 좋은 서비스를 제공해주는 티스토리에게 언제나 감사한 마음을 갖게 된다 :)

티스토리 에디터 css파일 wysiwyg.css만들기

WaterFlow — Fri, 18 Jul 2008 21:29:26 +0900

wysiwyg.css파일은 에디터가 스킨에서 보이는 것과 같은 모습을 보여주어 글을 작성할때 포스팅된 결과와 작성시 모습이 같도록 도와주는 파일이다. 파일을 적용하면 위와 같이 글 작성 폭이 스킨에서와 같이 520px로 나타난다.

css파일에 대해서 잘 모르기 때문에 베타 테스터에 올라온 양식을 복사해서 글씨체만 조금 바꿔서 바로 적용해보았다. 예제를 복사해서 css파일을 만들어 저장하고 스킨파일 직접올리기에서 올리도록 한다. 이때 파일명을 대문자로 하면 제대로 올라가지 않았다. 반드시 wysiwyg.css로 올려야 파일이 제대로 올라가서 인식이 되었다.

이렇게 파일을 올려 놓으면 된다.

Tistory Beta TEST the 5th Mission 나만의 서식

WaterFlow — Fri, 18 Jul 2008 18:17:31 +0900

다른 글은 몰라도 음악과 관련한 글은 거의 비슷한 형식을 빌려서 사용하고 있다.

예전에는 따로 양식을 복사해놓고 글을 작성할때 붙여 넣곤했는데 이번에 글작성시 서식을 추가할 수 있는 기능이 생겨서 손쉽게 글을 쓸 수 있게 되었다.

보통 다른 글은 서식이 특별히 필요가 없는데 음악과 관련된 글을 쓸때는 앨범 커버와 배경 음악과 뮤직비디오 등을 넣는데 약간의 복잡함이 있기 때문에 서식을 만들어 쓴다.

위의 그림은 내가 음악을 포스팅할때 어떤 식으로 작성하는지 잘 보여주고 있다. 다른 부분은 아마도 다른 분들이 잘 작성 할 수 있을꺼라 생각되고, 앨범 커버의 배경을 넣는 div 값을 css파일 안에 넣는 방법을 간단하게 설명하려고 한다.

/* ***** music_bg ***** */ .music_bg { text-align:left; margin:0px; padding-top:5px; padding-left:34px; padding-bottom:10px; color: #000; font-size: 12px; background: url(http://waterflow.com.ne.kr/music_bg.png) top left no-repeat; }

위의 상자안에 있는 내용은 스킨의 style.css 파일 속에 넣어주면 된다. 보면 알 수 있듯이 배경으로 쓰고 싶은 그림을 만들어서 웹상에 올려 링크를 걸어주면 된다. 그리고 글 작성시 앨범커버와 플래이어까지 div 명령으로 묶어주면 된다.

앨범커버, 노래제목, 앨범정보, 플레이어

</div>

위 내용은 글작성시 에디터에서 HTML모드로 바꾸고 해당 부분을 div로 씌워 준 것이다. 이렇게 하면 위 이미지 처럼 앨범커버와 플래이어 배경 그림이 출력된다. 스킨에 따라서 여백과 같은 부분은 따로 지정해주면 된다. 처음에는 시행착오를 조금 겪지만 한번 만들어놓으면 적용하기가 쉬우니 한번쯤 해볼만 한 것 같다.

글을 쓸때 배경 지정하는 것은 처음 하이바님의 동영상 배경 지정 포스트를 보고 배운 것이니 참고하면 도움이 될 것이다.

갈수록 좋은 기능으로 편리함을 제공해주는 티스토리님들 감사해요~ :)

Tistory Beta TEST the 4th Mission 나의 센터화면은....

WaterFlow — Fri, 18 Jul 2008 16:00:31 +0900

티스토리 센터화면은 개편을 통해서 공간을 넓게 활용하고 사용자에 따라 자주 보는 항복을 따로 지정하여 필요에 맞게 배열 할 수 있도록 해주었다. 나같은 경우는 방문자 통계를 최 상단 왼쪽에 두고 오른쪽에는 유입 경로, 최근글, 최근 댓글, 댓글 알리미, 트랙백 순으로 정렬했다.

방문자 통계 같은 경우 그래프로 일주일간의 방문자 추이를 보여주고, 어제, 오늘, 일주일, 전체 단위로 방문자수를 계산해주어 블로그 관리를 쉽게 해주었다.

유입경로 같은 경우 예전에 플러그인 항목에서 자주 확인했던 부분인데 센터로 나오면서 접근이 한층더 쉬워지고 간편해졌다.

글과 댓글을 보여주는 것에 더해 댓글 알리미가 센터로 나온것은 정말 편리하다. 여러 블로그에 댓글을 남기고 확인하기 위해 댓글 알리미 기능을 자주 사용하는데, 센터에 이 항목이 배치되어서 블로깅하는 것이 매우 편리해졌다.

그외 잘 사용하지 않는 방명록은 왼쪽에 새로운 방명록이 뜨면 아이콘이 생기기 때문에 제외시켰다.

이렇게 센터 화면을 한번 보면 블로그가 어떻게 운영되고 있는지 한눈에 알아 볼 수 있어 예전에 센터가 갖고 있던 단점들을 잘 보완해준 것 같다. 티스토리 님들 정말 멋찐 분들 같다.. 늘 하는 말이지만.. 더운데 힘내세요~ :D

Tistory Beta TEST the 3rd Mission 새로워진 사이드바와 설정창

WaterFlow — Fri, 18 Jul 2008 15:16:03 +0900

티스토리가 개편을 하면서 눈에 띄는 가장 큰 변화는 역시 에디터의 구조 변화라고 할 수 있을 것이다. 그중에서도 특히 사이드바와 탭으로 배열된 설정창을 눈여겨 볼 필요가 있다.

기존에 에디터는 글을 작성하면서 여러가지 설정때문에 스크롤을 많이 하여야했고 사이드바에 대한 접근이 쉽지 않았던 것이 사실이다. 적어도 나에게 있어서는 이번 개편을 통해서 가장 마음에 들고 좋다라고 생각한 것이 바로 이 사이드바와 아래 탭으로 만들어진 설정창이다.

탭으로 가려져서 조금 불편한 점도 있지만 이것은 어느정도 적응되면 크게 문제가 되지 않을 것이라고 생각한다. 무엇이든 처음 접하는건 익숙하지 않고 불편하게 느껴지기 마련이다. 하지만 조금의 노력을 기울이면 더욱 좋은 기능들을 사용할 수 있는데 바로 그런 기능이 이번 개편의 사이드바와 설정창이 아닐까 생각한다.

사이드바에서 태그 입력이 예전보다 더 간편해졌는데 그것은 태그 뽑기와 추천태그 기능덕분일 것이다. 이 기능들을 이용하면 자신이 자주 이용하는 태그들을 쉽게 뽑아 올 수 있고, 관련 글에 같은 태그를 넣는 것을 선호하는 나와 같은 사용자에겐 정말 멋찐 기능중 하나라고 생각된다.

그리고 탭 버튼을 한번더 클릭하면 탭 메뉴 내용이 아래로 내려가 화면을 더 넓게 쓸 수 있다.

사이드 바에서는 정보 첨부 기능과 서식등의 기능으로 앞으로 활용도가 높아질 것으로 생각된다. 이 기능들을 잘 활용하면 한층더 업그레이드된 포스팅을 할 수 있을 것 같아 기대가 많이 된다. 그리고 작성중인 글로 아직 비공개 설정된 글이 나타나 작성이 완료되지 않은 글에 쉽게 접근 할 수 있어 편리한 점이 많은 것 같다.

이번 개편에서 사이드바와 아래 설정창에 대해선 매우 긍정적으로 받아들이고 있다. 예전에 보였던 몇몇 버그들도 잡히면서 깔끔한 글쓰기가 가능해진 것 같다. 이전까지만 해도 구버젼의 에디터를 사용했는데 지금은 새로운 에디터로 글을 쓰고 있다. 티스토리의 빠른 버그잡기와 신속한 대응에 박수를 보내고 싶다. :D

[mac]리얼맥으로 가는길 맥북프로 구입!!!

WaterFlow — Fri, 18 Jul 2008 01:14:02 +0900

드디어 기다렸던 맥북프로를 구입하게 되었습니다. 지난 겨울 방학때 번 돈과 과외하며 틈틈히 모았던 돈을 털어서 리얼맥으로 입문하게 되었습니다. 맥을 구입하는데는 역시 레몬님의 뽐뿌질이 큰 영향을 끼쳤겠죠.. :)

맥 스토어에는 구맥 구입이라는 코너가 있습니다. Republished Mac이라고 불리는 이 리퍼제품은 제품에 하자가 있다고 판단되어 반품된 제품의 부품을 교체하고 재점검한 후 나온 제품을 말합니다. 물론 이런 제품에는 약간의 기스나 손때가 있을 수가 있습니다.

하지만 실제로 리퍼제품을 구입해보게 되면 새로 산것과 다름 없는 제품을 받게 됩니다. 저또한 역시 그랬습니다.. 제품은 거의 새것이더군요.. 덕분에 약 70만원이나 싼 가격에 맥북프로 2.5Ghz제품을 구입할 수 있었습니다.

표시된 부분이 제가 구입한 리퍼제품의 사양입니다. 2.5Ghz코어2듀오에 6MB 공유 L2 캐시를 사용하고 있습니다. 크기는 15.4인치이고, 하드디스크는 히타치의 200기가 7200rpm짜리가 장착되어있더군요.. 거기다 그래픽카드는 지포스 8600GT 512메가짜리가 달려있습니다. 이젠 노트북이 제 데스크탑 사양을 뛰어넘어버렸군요;;;;

포장을 뜯어보니 애플 정식 박스가 들어있었습니다. 테입까지 붙어 있어서 정말 새것을 받아보는 것 같은 기분이 들더군요.. 실제로 새것 맞습니다 ^^;; 그리고 맥북프로 위에 새겨진 사랑스런 애플마크가 반짝 거리더군요..

설래는 마음으로 열어본 맥북프로는 역시 하이앤드급 노트북 답게 깔끔하고 고풍스런 느낌을 풍겨주었습니다.. 첨에 뭐부터 만져야할지 망설여지더군요.. 이렇게 기다리던 순간이 다가와버렸습니다. :)

처음 맥북을 켜니 역시 사과모양 부팅화면과 함께 맥에서만 난다는 시작음이 들렸습니다. 그리고 언어 선택을 하고 나니 환영 동영상이 뜨더군요.. 정말 새제품 맞습니다;;;

맥북프로라는 문구도 깔끔하고 멋찌더군요.. 그리고 양옆의 포트들을 찍어봤습니다. 집에 무선 공유기가 있어서 에어포트를 바로 잡아내더군요.. 역시 똑똑한 맥.. :)

이렇게 업그래이드를 마치고 맥북이 부팅된 화면을 찰칵 찍어봤습니다. 그야말로 감동이네요.. *-* 앞으로 리얼맥 라이프가 기대가 됩니다~

Tistory Beta TEST the 2nd Mission 뉴 에디터 Before & After

WaterFlow — Wed, 9 Jul 2008 22:43:46 +0900

그림에서 요약해 둔 것 처럼 새로운 글쓰기는 여러 메뉴들을 적절하게 공간을 활용하면서 배치해 사용자가 접근하기 쉽게 해주고 있다. 기존의 유저인터페이스도 크게 문제가 없지만 새롭게 바뀐 에디터의 인터페이스는 사용자에게 편리함을 제공해주도록 잘 짜여진 것 같다.

글쓰기에 새롭게 추가된 여러기능들이 있는데 어떤 기능들인지 살펴보자

먼저 사진 올리기 기능이다. 한꺼번에 여러 사진을 올릴 수 있고, 올린 사진 위에 마우스를 가져가면 회전이 가능하며 끌어다 놓음으로 순서를 바꿀 수도 있다. 그리고 간단한 편집기능이 추가되어 여러가지 효과를 줄 수도 있게 됐다.

슬라이드쇼에도 플래시 갤러리 기능이 추가되었다. 플래시 갤러리 기능은 좋지만 다음 사진으로 넘어가기 위한 손모양 아이콘은 조금 촌스럽게 느껴졌다.

새로운 티스토리 에디터는 지도를 첨부할 수 있도록해주고 있다. 모임이나 장소에 관한 포스팅을 할때 지도사이트를 돌아다닐 필요가 없게 되었다. 여행에 관한 포스팅을 자주하는 사람이나 모임 공지를 띄우는 블로거에겐 아주 유용할 것 같다.

툴바의 다양한 기능들은 한층더 업그레이드된 글쓰기를 가능하게 해준다. 색상선택에 있어서, 코드 입력과 함께 여러 색상을 넣을 수 있게 되었고, 구분선을 넣어 글의 내용을 나눌 수 있게 됐다. 글상자 기능은 다양한 색상으로 꾸밀 수 있게 됐고, 표를 넣는 것도 가능해졌다. 이모티콘과 특수문자를 활용할수 있게 되었고, 영어사전 기능도 생겼다. 그리고 이미지를 선택했을때 이미지 정렬 아이콘이 생성되기도 한다.

아래쪽에는 파일첨부, 태그, 공개설정등이 탭메뉴로 등록되어 공간을 잘 활용할 수 있도록 해주고 있다. 물론 기존의 에디터가 스크롤을 통해 한눈에 볼 수 있는 점이 편리하긴 했지만, 이번 탭 기능으로 깔끔하게 볼 수 있는 장점이 생긴 것 같다.

하지만 파일로 이미지를 올렸을 경우 PNG투명 이미지 파일이 시커멓게 뜨는 경우가 생겼다. 미리보기를 해도 결과는 마찬 가지였다. 기존 에디터에는 이런 경우가 없었는데 이런 점은 문제가 될 것 같다.

태그 입력기도 에디터 화면에 잘려 표시되지 않는 버그가 발견되었다. 맥에서 파이어폭스를 사용한 결과다.

에디터를 살펴 보면서 여러가지 화면 구성이나 새로운 기능들은 긍정적인 부분인 것 같다. 좀더 사용자에게 편리함을 제공해주려는 티스토리의 노력이 돋보이는 에디터였다. 하지만 글을 쓰는게 그리 원할하지 못했다. <p>태그로 줄바꿈이 계속되면서 테그가 꼬이고 늘어나는 일이 종종 발생해 글쓰기를 이내 포기하게 되는 일이 많았다. 글쓰기의 경우는 사실 기존의 에디터가 훨씬 편리하고 좋은 것 같다는 개인적인 생각을 내어 놓으면서 두번째 미션을 마친다.

PS . 수고하시는 티스토리님들 화이팅이예요 :)

[music]Dreamer - Steve Barakatt

WaterFlow — Wed, 9 Jul 2008 12:28:06 +0900

Dreamer by Steve Barakatt

Eternity (1999)

스티브바라캇(Steve Barakatt)은 뉴에이지 팝 아티스트인
피아노 연주가이다. 국내에는 여러 방송 프로그램의 삽입곡이나
OST등으로 알려진 피아니스트이다.
이번에 내한해서 EBS Space 공감에 출연해 멋찐 라이브 무대를 선사했다.
덕분에 스티브 바라캇의 주옥같은 곡들을 영상을 통해 만나볼 수 있었다.
개인적으로 EBS Space 공감을 무척 좋아하는데, 그 이유는
훌륭한 아티스트를 섭외해서 처음부터 끝까지 라이브 무대를 선보인 다는
점 그리고 그 무대가 그리 크지 않고 단촐한 것이 멋있기 때문이다.
개인적으로 좋아하는 I'm Sorry와 오캐스트라 버젼의 Eternity두 곡을
영상으로 담아 보았다.

EBS Space 공감 / Eternity, I'm sorry - 스티브 바라캇

Tistory Beta TEST the 1st Mission 새로운 관리자화면과 글쓰기!!!

WaterFlow — Wed, 9 Jul 2008 03:44:10 +0900

드디어 티스토리 베타테스트가 시작되었습니다. 그동안 목이 빠지도록 기다렸는데, 이제 부터 신나게 달려 볼 것 같네요. :) 베타테스트의 시작은 바로 관리자 화면입니다. 위 이미지에서 볼 수 있듯이 관리자화면에 많은 변화가 생긴걸 알 수 있는데요... 그럼 어떤 변화가 있는지 살펴 봅시다~

1. 먼저 메뉴 항목이 모두 위로 올라가면서 화면을 넓게 활용하고 깔끔한 맛을 주고 있다.
2. 새로 업데이트 된 글이 있을때 사이드의 글과 댓글 수 옆에 새로운 글을 알리는 아이콘이 뜬다.
3. 티스토리 초대장 보내기가 왼쪽 하단에 위치해 손쉽게 초대장을 보낼 수 있게 됐다.
4. 기존에 없었던 댓글 알리미와 주제별 새글이 관리자화면의 초기화면에 뜨게 되었다. 특히 댓글 알리미 기능은 매우 자주 사용하는 기능인데 초기화면에서 볼수 있게되어 매우 편해 질 것 같다.
5. 센터설정을 통해서 초기화면을 수정할 수 있다.

센터 설정에서는 원하는 메뉴를 선택하고 끌어다 놓기를 이용해 메뉴의 순서를 정렬할 수 있어, 좀더 사용자가 원하는 센터화면을 구성할 수 있도록 되어있습니다.

관리자 첫화면의 새로운 구성은 사용자의 편의성을 고려하여 한눈에 쉽게 접근할 수 있고, 원하는데로 구성할 수 있도록 해주어 후한 점수를 주고 싶네요~ 세부 메뉴는 아직 공개되고 있지 않은데 어떤 모습으로 나타날지 궁금하고 기대가 됩니다 :)

다음으로 새롭게 등장한 것은 글쓰기 기능입니다. 새로운 글쓰기에는 몇몇 새로운 기능들이 추가되었고 넓어진 화면과 아래쪽 탭기능을 통해 공간 활용과 메뉴의 접근이 쉬워진 점이 특징이라고 할 수 있을 것 같네요.

하지만 기존에 html을 병행하여 글을 쓰던 때가 더 편리했던 것 같다는 생각이 많이 들었습니다. 새로운 글쓰기 기능은 그림을 넣고 빼고 정렬하는 과정에서 테그가 마구 꼬여버려 깔끔하게 글을 쓰는 것이 힘들었습니다. 특히 줄을 바꿀때 p테그로 바뀌어 br테그를 좋아하는 나의 미간에 주름이 가는 일이 생겼습니다. ㅠㅠ 다른 여타 메뉴들이나 화면 구성은 모두 마음에 쏙 드는데, 에디터 만큼은 예전의 모습이 그리워지더군요.. 결국 책 리뷰 포스팅은 예전의 글쓰기로 다시 포스팅했습니다.

그럼 글쓰기가 어떻게 바뀌었는지 살펴봅시다.

이미지 순서 변경

간단한 수정

먼저 사진을 올리는데에 새로운 기능이 추가되었습니다. 이미지의 순서를 정할 수도 있고, 사진을 보정하고, 글도 넣을 수 있게 되었습니다. 다양한 이미지 툴을 따로 사용하니 이 기능은 별로 관심이 가지 않지만, 다른 사용자들에겐 아주 좋은 소식이 될 수도 있을 것 같았습니다.

새로 추가된 툴 박스에는 글상자, 이모티콘, 특수문자, 표작성, 영어사전 기능이 추가되어 다양한 글쓰기에 도움을 주고 있다. 이중에서도 글상자, 표, 특수문자는 아주 유용하게 사용할 수 있을 것 같네요. :)

그외에도 태그뽑기기능, 정보 첨부, 서식등 다양한 기능들이 눈에 띄었습니다. 다만 음악과 영상관련 기능은 그대로 인 것 같았습니다.

새롭게 바뀐 글쓰기 기능은 새로운 인터페이스와 다양한 기능들로 멋찌게 등장했습니다. 하지만 글쓰기 에디터가 기존에 쓰던 것보다 태그를 여러가지로 복잡하게 생성하는 것 같아 글쓰는데에 애로사항이 많았습니다. 특히 이미지를 넣을때 태그 구조가 깨져 버리고 마구 생성되는 <p>관련 태그나 <div>태그 같은 것들 때문에 조금은 아쉬운 감이 있었습니다. 좀더 글쓰기가 편리해지도록 하기위해 생긴 기능인 것 같지만 적어도 저에겐 예전의 에디터가 더 편리했던 것 같습니다..

맥의 사파리에서 글을 쓰던 중 스크롤바가 생겼다 사라졌다가 반복되어 글쓰기를 포기하게 됐는데 영상으로 뽑아다가 올려봅니다.. 자동으로 태그를 처리하다보니 여러가지 문제가 많이 발생하는 것 같다는 생각이 들었습니다.. 가능하다면 예전의 에디터 기능을 사용할 수 있도록 따로 메뉴를 마련해준다면 좋을 것 같아요...;)

드디어 티스토리 첫번째 베타테스트를 시작했습니다. 처음엔 간단하게 써볼까 했는데 여러가지 새로운 기능과 화면들을 보면서 좀더 자세히 포스팅을 해보고 싶다는 생각이 들어 여러가지 쓰다보니 글이 길어졌네요. 처음 블로그를 시작한 것은 네이버였습니다. 무언가 생각을 쓰고 싶고 또 다른 사람들과 정보를 공유하고 싶은 마음에 시작했던 기억이 나네요. 그러던 중 티스토리를 알게되었고, 좀더 자유롭게 블로그를 꾸미고 사용할 수 있다는 매력이 이끌려 티스토리 블로그에 중독이 되고 말았습니다. 이제는 티스토리 블로그는 저와 땔래야 땔 수 없는 사이가 되어 버렸네요. 그래서 이번 베타 테스트에 참여하게 되어서 참 기쁩니다. 늘 티스토리에게서 받아 먹기만 했었는데 뭔가 도움을 줄 수 있게 됐다는 생각이 들어 기분이 좋아지네요. 컴퓨터를 많이 할 수 없어 몰아서 미션을 수행하게 될 것 같기도 하지만, 베타테스트에 성심성의껏 열심히 참여할 생각입니다. 티스토리 관계자 스텝 여러분들 힘내시구요. 언제나 응원할께요.. 멋찐 서비스들 만들어 주시길 기대합니다. 화이팅이예요 :D