언제나 피어있는 꽃

카테고리 정리

언제나 — Wed, 6 Aug 2008 15:37:30 +0900

슬슬 글을 쓸때가 된것 같아서(라기보단 안쓰면 녹스니), 카테고리를 정리했습니다

이 블로그의 중심 주제인 동방 프로젝트와 HTML / CSS 와 티스토리 스킨, 이렇게 3개의 카테고리 위주로 간단하게 정리했습니다. 블로그 / 웹은 보너스 카테고리(...)

겉보기에 달라진건 얼마 없지만, 제 블로그의 카테고리는 다중 카테고리...그러니까 수동으로 만들어진 카테고리라서 하나를 수정하려면 전부를 수정해야하는 치명적인 단점이 있습니다(.....)

가급적이면 더이상 정리하거나 하는 일이 없으면 좋겠습니다만, 이놈의 성격이 좀 삐뚫어져서...뭐 몸이 고생하는거죠OTL

쓸데없이, / 의 좌우에 공백을 넣냐 안 넣냐가지고 심각하게 고민한적도...^^;

폰트의 em화 - 적용

언제나 — Sun, 27 Jul 2008 13:15:14 +0900

어제 올렸던 '크고 무거운 블로그'를 쓰며, "내일(오늘)이야 말로 내 블로그를 em화 시키겠다!!" 라며 벽을 보고 외쳤습니다(....)

1. 기본 폰트 사이즈

돌아다니면서 하나하나 em화 시키기엔 체력이 딸립니다(...)
그러니, 일단 전체를 기본 폰트로 설정해주며 그 이하녀석들은 따로따로 설정해주는 방식으로 했습니다

저렇게 body에서 미리 폰트 사이즈를 정해놓으면, 그 이하는 모두 0.75em으로 적용됩니다. 0.75em은 12px와 거의 같은 크기입니다

원래라면 1em을 기준으로 삼아 수정하지만 여기선 0.75em을 기준으로 하기 때문에 다른 폰트를 설정할때 문제가 생기기 마련입니다. 30em으로 설정을해도, 기준이 0.75em이니까 30em이 나오지 않게 되는것이죠

em, 정확하게 말하면 상대적 크기를 가진 요소는 그 이하 요소에게 영향을 끼치게됩니다. 좋은 예를 들어보겠습니다

코드 : 예

보시면 알겠지만 클래스 always 는 0.75em을, 클래스 goon 은 12px로 해놓았습니다
결과는 어떻게 될까요?

0.75em으로 해놨던 클래스 always에서, 두번째에 적용된 텍스트는 0.75em으로 출력되지 않았습니다. 12px로 해놨던 클래스 goon는 둘 다 잘나오네요

always 의 두번째 텍스트가 왜 저렇게 작아졌을까요? 허약해서?(....)
바로 0.75em이라는 명령이 2번이나 적용되서 그런것 입니다

코드 : 클래스 always 가 적용된 부분

1번째 줄에서부터 always의 설정을 받게됩니다. 즉, 기본적으로 0.75em이 적용된 상태죠
2번재 줄에선 별다른 설정이 없기 때문에 그대로 0.75em으로 적용됩니다
3번째 줄에선, 또다시 always의 설정을 받게되서 기존값에서 0.75em이 축소, 그 축소된 값에서 다시 0.75em이 축소되어 사이즈가 더 작아집니다

즉, '상대적인 값'이라는것만 잘 알고 있으면 문제없습니다
기준으로 0.75em으로 했을시, (주관적으로)자주 사용하는 px대em값을 적어두겠습니다

px 값	em 값
11px	0.9em
12px	1em
13px	1.1em
18px	1.5em
24px	2em
30px	2.5em

크고 무거운 블로그

언제나 — Sat, 26 Jul 2008 19:31:46 +0900

블로그의 주인이라면 블로그를 더 이쁘고 재미있게 꾸미고 싶을겁니다. 배너도 넣고, 위젯도 넣고, 스킨도 꾸미면 정말로 이쁘죠. 하지만 그만큼 점점 무거워집니다

또 블로그가 다루는것에 따라 사이즈가 모두 다른데, 큰 사이즈의 블로그도 있고 작은 사이즈의 블로그도 있죠. 영상물을 다루는 블로그는 확실히 큰 사이즈가 좋습니다. 스샷이 깨지면 하나하나 클릭해야하기 때문에 번거롭잖아요

뭐, 이런저런 블로그가 있습니다만, 쓸데없이 화려하거나 커서 불편한 블로그도 많습니다. 제가 자주 들리는 분들의 블로그는 다행이도 안 그렇지만(....) 가끔 뉴스를 통해간다던가 하는 블로그중 몇몇은 그렇죠

컴퓨터 사양이야 요즘은 다들 좋은편이라 브라우저에서 끊기는 일은 좀처럼 없습니다만...'좀처럼'일 뿐입니다. 가끔 중상(中上)에 속하는 제 컴퓨터도 조금씩 밀리는 블로그가 있지요. 보면 광고는 물론이거니와 위젯이 주렁주렁 달려있습니다

블로그에서 중요한건 블로그의 컨텐츠입니다. 광고나 위젯이 아니고요

60%이상의 유저는 컴퓨터의 해상도를 1024x768라고 알고 있습니다(정확하지는 않습니다. 통계가 있었는데 찾아보니 안 보이네요) 그런데 어느 블로그는 자신의 와이드 화면에 맞춘건지 몰라도 브라우저 하단에 스크롤바가 생기더군요. 어느 블로그는 3단인데도 불구하고 2단으로 보여서, 숨겨진 사이드바와 관련된 정보를 얻지 못합니다

티스토리에서 지원하는 스킨은 대부분 1024x768에 맞추어져있습니다. 제 블로그또한 1024x768로 맞추어져있고, 블로그팁으로 유명한 블로거팁닷컴역시 1024x768로 맞추어져있습니다. 그외 유명블로거들 역시 마찬가지입니다. 아, 그러고보니 네이버와 다음역시 1024x768에 맞추어져있죠

꼭 유명한 블로거들이 사용하는 해상도를 맞출 필요는 없지만, 수많은 유저가 접속하는 유명 블로그/사이트가 공통적으로 맞춘 해상도가 무얼 의미하는진 아시리라 봅니다.

하지만 와이드 모니터나 고해상도를 사용하는 분들에겐 1024x768은 마치 좁디 좁은 단칸방같습니다. 그것도 눅눅한 지하 5층정도로(....)

그 60%에게 화면을 맞추다가, 정작 주인이 못쓰게되면 곤란하지요
이러기 때문에 절대 사이즈인 픽셀(px)보다 상대 사이즈인 퍼센트(% / em)을 사용해야하는것입니다. IE7은 화면줌을 지원하니 픽셀로 만들어도 무리 없지만 말이죠

상대 사이즈로 만들어진 블로그는 컨트롤키를 누르고 마우스 휠을 돌리면 그 사이즈가 변합니다. 아직 제 블로그는 절대 사이즈로 되어있어서 확대/축소가 되지 않지만, 조금씩 상대 사이즈로 변해가는 중 입니다

회사에서 어느 사이트를 접속했는데, 느린데다가 크기도 크고, 절대 사이즈로 잡아놔서 여러모로 불편하게 봤더니 눈이 도끼눈이 되는군요; 그래도 컨텐츠가 좋아서 나가긴 그렇고..아무튼 마음에 드는지 안드는지 미묘한 블로그였습니다(결국 이건 화풀이 인가)

[미션7]플러그인

언제나 — Wed, 23 Jul 2008 19:46:57 +0900

신규 관리자의 플러그인 설정 화면

벌써 미션 7입니다. 이번엔 플러그인이군요

전 기본적으로 간단하고 가벼운 블로그를 좋아라하기 때문에 그다지 꾸밈이 없어서 내부적인 플러그인을 주로 사용합니다

현재 제가 사용하고있는건 블로그 관리자에서 볼 수 있는 통계 기능(방문자 기록, 유입경로, 리퍼러로그 정리, 유입키워드)과 메타블로그로 내보내는 플러그인, 그리고 이미지 크게 보기 플러그인을 사용하고 있습니다

예전과의 차이점이라면 역시 겉보기랄까요...좀 더 깔끔해지고 짧아졌습니다. 플러그인을 클릭하면 설명 글이 나오는데, 이점은 상당히 마음에 듭니다

이랬던것이...

이렇게 됩니다

마우스를 올려놓아도 모양이 바뀌지 않아 저는 조금 헤메였습니다. 바보도 아니고- _ㅠ
통계기능은 기존의 그것과 거의 차이가 없습니다. 좀 다른 화면이 나올줄 알았는데 말이죠(바뀔것도 없지만)

플러그인에게 바라는건 단하나, '유저가 업로드할 수 있게 하는것'입니다. 플러그인을 필요에 따라 직접 만들어 사용할 수 있는데, 업로드를 못해서 사용을 할 수 없죠. 또, (아직까지는)새 플러그인이 나오지 않아 조금 불만스럽습니다. 별도라고 해도 부모격인 테터정도는 따라갈 수 있다고 생각합니다
설치형 블로그로 옮기면 해결되긴 하지만...^^;; 궁핍해서OTL

닫혀있던 플러그인이 열리는건 대부분 바라고있을거라고 생각합니다

[미션5]서식 이용하기

언제나 — Sun, 20 Jul 2008 10:13:06 +0900

서식이란 기능이 있는데, 글을 쓸때 글의 성격을 정할 수 있습니다. 일반 글, 공지, 키워드, 서식으로 나누어져있죠

골라골라!

이 서식을 이용하면, 자주 사용할 양식을 미리 정할 수 있어 매우 편리합니다. 다만 저처럼 일반적인 글을 쓰는 사람에겐 별 쓸모 없는 기능이랄까요...차라리 설정 저장 버튼이 추가되면 좋겠습니다. 서식도 저장이 되는데!!

먼저 서식을 작성해주면...

다음에 쓸때 에디터의 사이드바에서 불러올 수 있습니다

111은 이게 뭔가~ 하고 작성해버린 서식

몇일전만해도 글관리가 없어서 지울 수 없었는데, 이제 글관리가 잘 되니 지울 수 있겠네요' -')
서식을 이용한 포스팅은 시리즈물(...)이나 자료 정리용에 최적화되어있는 것 같습니다

문제라면 '동일한 양식인데 상황에 따라 변화되는 양식'에서(테이블처럼)는 그냥 새로 작성하는 편이 나을것 같다는 생각이 듭니다

[미션4]나만의 센터

언제나 — Sun, 20 Jul 2008 09:48:25 +0900

티스토리 베타 2008의 차이점중 하나라면 직접 꾸밀수 있는 센터화면(관리자 초기화면)입니다. 직접 꾸밀 수 있다고했지만...단순히 배열만 할 수 있습니다. 이건 좀 그렇군요... 그레이 스킨은 여전합니다. 비록 주인만 볼 수 있는 화면이지만 좀 더 화사하게 꾸밀 수 있으면 좋겠군요

아래는 제 블로그의 센터화면입니다

최근 댓글/방명록/트랙백/댓글알리미는 기본이죠. 유입키워드와 유입경로는 저에게 있어서 중요한거니 바로 넣었습니다^^;

위 화면의 오른쪽 하단에 보이는 '센터 설정'을 클릭하여 배치를 수정할 수 있습니다

넣을 수 있는 요소

넣을 수 있는 요소는 총 13개로, 적지도 많지도 않은 편입니다. 팀블로그등을 위해 '블로그 공지'처럼 블로그 관리자들만이 볼 수 있는 요소가 있으면 좋겠군요

별상관없지만 요소를 드레그하여 배치할때, 순서가 2군대로 나뉘어 움직이는게 조금 불편한듯 싶습니다
왼쪽에 있는걸 오른쪽으로 옮길때, 오른쪽에있던 요소가 왼쪽으로 이동되는게 아니라 바로 밑으로 내려가서 밸런스가 안 맞아지더군요

텍스트 큐브 테스터로:D

언제나 — Sun, 20 Jul 2008 09:36:07 +0900

텍스트큐브 닷 컴

예~전에 신청했던 텍스트 큐브 테스터에 당첨되었습니다. 기쁜 마음에 접속해보니, 설치형이 아니더군요?

으, 으흠..하긴, 테스터를 위해서 호스팅비를 내기는 좀 그러니까요. 무료 호스팅 꽤 검색 많이 했는데(.....)
티스토리의 기준이 되어준 텍스트 큐브(이전엔 테터툴즈)라서 그런지, 티스토리와 구조가 상당히 흡사합니다. 아니..이럴땐 반대죠. 티스토리의 구조는 텍스트 큐브와 흡사합니다(어차피 같은거니 상관없으려나)

텍스트 큐브의 센터 화면

관리자의 센터화면은 티스토리 2008과 상당히 다르군요. 별도 진행중이라는게 확실히 느껴집니다. 블로그 생성만 했을뿐이니, 나머지 요소는 패스 패스

테터계열...아니, 텍큐계열의 최대 장점은 자유로운 스킨 수정인데, 아직까지 그 구조가 정해지지않았다고 합니다. 자세한건 '스킨 편집은 도대체 언제 되나요?'에서 읽어주세요

텍스트 큐브 테스트도 초대장을 통해 이루어지는 비공개 테스트인데, 전 방금 만들어서 그런지...거기에 글이 하나도 없어서 초대장이 하나도 없네요;

잠시 쉽니다

언제나 — Tue, 15 Jul 2008 22:41:02 +0900

에...19일까지 쉽니다. 이유는 과도한 피로누적- _-;
이것도 100원에 5분인 컴퓨터로 쓰는중입니다OTL
꺼이꺼이ㅠ_ㅠ

[환상천무]만화경

언제나 — Sun, 13 Jul 2008 18:44:48 +0900

幻想天舞
환상천무

05. 万華鏡
만화경

원곡 : 동방풍신록 - 운명의 다크 사이드

어레인지 : K2

보컬 : 마이(舞)

서클 : C-클레이(C-CLAYS)

誰も近寄りたくないけど　いづれ訪れる道だから
다레모 치카요리타쿠나이게토　이즈레 오토즈레루 미치다카라
아무도 만나고 싶지 않지만, 언젠가 만나야하니까

誰も呼んでいない木陰に　いづれ訪れる場所だから
다레모 욘데이나이 코카케니　이즈레 오토즈레루 바쇼다카라
아무도 오지않는 나무 그늘, 언젠가 와야할 곳이니까

今のうちに隠れてしまって気付かない様に後ろから
이마노우치니 카쿠레테시맛테 키즈카나이요우니 우시로카라
늦기 전에 숨어서 아무도 모르게 뒤에서

取り除き明るい風の魔法
토리노조키아카루이 카제노 마호우
사라져버리는 바람의 마법

Take the shine off future
테이크 더 샤인 오프 퓨처

眼の前にある哀しい運命を辿って
메노 마에니아루 카나시이 운메이오 타돗테
눈앞의 슬픈 운명을 더듬으며

Walks in the decided rail
워크 인 더 디사이드 레일

それだけでは避けてあげるから離れて
소레다케데와 사케테아게루카라 하나레테
그것만으로도 재앙이 오니, 멀리 떨어져서

唐突に始まるマイナスの幸せを進める小さなオルゴ―ル
토우토츠니 하지마루 마이나스노 시아와세오 스스메루 치이사나 오루고루
당돌하게 시작된 마이너스의 행복의 시작을 알리는 작은 오르골

次々と押し寄せる波に　1人の力では逃げ切れない
츠기츠기토오시요세루 나미니　히토리노 치카라데와 니게키레나이
차례로 밀려오는 물결에 혼자의 힘으론 도망칠 수 없어

もがき苦しむ姿を見て　助けないわけには行かない
모가키 쿠로시무스가타오 미테　타스케나이와케니와 이카나이
발버둥치며 괴로워하는 모습을 보고 도와주지 않을 수 없어

今のうちに現れてしまって少しでも意識のある日に
이마노 우치니 아라와레테시맛테 스코시데모 이시키노아루히니
지금 나타나버려 조금이라도 의식하는 날에

闇のBoxから空の果てへ
야미노 복스카라 소라노 하테에
어둠의 Box로부터 하늘의 끝으로

For all I know misfortune
포 올 아이 노우 미스포츈

短い期間の中で降る黒い涙
미지카이 키칸노 나카데후루 쿠로이 나미다
짧은 기간에 내리는 검은 눈물

Stop over the decided rail
스탑 오버 더 디사이드 레일

戻れるなら3年前の形になって
모도레루나라 산넨마에노 카타치니낫테
되돌릴 수 있다면 3년전의 모습이 되어

崩れ行く前に止まらない雨拭い去り走り出す臆病な心を
쿠즈레유쿠 마에니토마라나이 아메 누구이사리 하시리다스 오쿠뵤우나 코코로오
무너지기 전에 그치지 않는 비로 마음속의 두려움을 지워

後ろ見つめ重なった　大きな災難を
우시로미츠메 카사낫타　오오키나 사이난오
뒤에서부터 다가온 커다란 재난을

前を通れなくなった　小さな階段を
마에오 토오레나쿠낫타　치이사나 카이단오
앞으로 나아갈 수 없게된 작은 계단을

全部追い払うことが　出来ない難題を
젠부 오이하라우코토가　데키나이 난다이오
전부 해결할 수 없는 난제를

それを全て拭い去ることが　私への信頼
소레오 스베테 누구이 사루코토가　와타시에노 신라이
그것을 모두 지우는것이 나에게로의 믿음

降り続く雨の中を　
후리츠즈쿠 아메노 나카오
그치지 않는 빗속을

歩けないくらいの風の中を
아루케나이쿠라이노 카제노 나카오
걸을 수 없을 정도로 세찬 바람을

炎天下のきつい快晴を
엔텐카노 키츠이카이세이오
가뭄의 뜨거운 날씨를

時間が分からないほどの
지칸가 와카라나이호도노
시간이 모를만큼의

黒い　空を
쿠로이　소라오
검은 하늘을

Take the shine off future
테이크 더 샤인 오프 퓨처

眼の前にある哀しい運命を辿って
메노 마에니아루 카나시이 운메이오 타돗테
눈앞의 슬픈 운명을 더듬으며

Walks in the decided rail
워크 인 더 디시드 레일

それだけでは避けてあげるから離れて
소레다케데와 사케테아게루카라 하나레테
그것만으로도 재앙이 오니, 멀리 떨어져서

姿の見えないマイナスの別れを告げる小さな万華鏡
스가타노 미에나이 마이나스노 와카레오 츠게루 치이사나 만게쿄우
보이지않는 마이너스의 이별을 알리는 작은 만화경

[미션3]신에디터에 대한 몇마디

언제나 — Fri, 11 Jul 2008 21:26:00 +0900

음..다음 미션은 새 기능 공개후 나올줄 알았는데...너무 빨리 나옵니다- _ㅠ; 이거 처음에 엄청 자세하게 쓰신 분들은 할게 없으시겠어요; 하지만 그만큼 티스토리가 준비를 많이 하고 있다는걸 알 수 있습니다. 어설프게 내놓은것보단 보다 완벽에 가깝에 내놓는게 보기 좋죠

어찌되었건, 이번 미션은 신에디터의 사이드바와 설정창에 대한 내용입니다

이 글은 신에디터로 작성되었으며, 구에디터와 동일한 조건(예를들자면 소제목이후 2칸띈다던가 하는 개인적인 양식)에 작성되었습니다

1. 전체적인 레이아웃 대해

구에디터에 비해 가로사이즈가 상당히 넓어져서, 가로스크롤은 더이상 출연료를 받을 수 없게 되었습니다. 불쌍하긴 하지만, 넓은 스킨을 사용하시는 분들의 경우엔 가로스크롤이 미웠겠죠

또, 파일 첨부 기능이 조금 변했습니다. 예전엔 확장 업로드라고 하여 에디터하단에 따로 업로드하는 곳이 있었지만, 이젠 그런것 없이 상단 에디터에서 업로드하면 되는군요:D

엄청 넓어진 에디터

레이아웃과 디자인은 예전보다 비교도 못하게 좋아졌습니다. 거슬리는건 역시 여백이랄까요... 조금 여백이 있어야 보기도 편하고 클릭하기도 편할텐데, 브라우저의 상/하/좌/우에 촥촥 달라붙어서 조금 답답합니다.

그러고보니 에디터가 미묘하게 다음에디터삘이 나는것같군요

2. 추가 기능

추가기능은 하단의 설정창과 사이드바입니다. 그냥 글을 작성할땐 작성중인 글과 정보 첨부, 서식 플러그인이 보입니다

사이드바

이미지를 선택할때 사이드바가 변하는데, 구에디터와 비교해서 크게 다르지 않습니다. 바로 눈에 보이는건 이미지인데, 이미지가 뜨지않을때 대체 텍스트가 뜨는 alt영역이 없어졌군요. 조금 아쉽습니다

자주 사용되는 박스 기능에 사이드바로 설정할 수 있는 부분이 있었으면 좋았을거라고 생각합니다. 외곽선 색/종류, 배경색, 외부/내부 여백이 사이드바로 수정할 수 있다면 HTML을 모르는 분들도 쉽고 편하게 변경 할 수 있을텐데 말이죠

글 숨기기는 구에디터와 조금 다르군요. 구에디터는 영어로 표기되었는데, 신에디터에서는 '더보기'와 '접기'로 되어있습니다

그외에 사이드바 기능이라고할 부분이 좀 적은게 문제인듯 합니다.

글을 쓰면서 음악을 추가했는데, 아래 처럼 구에디터와는 다르게 되어있군요! 오오, 신선합니다. 사이드바 기능은 구에디터와 큰 차이가 없지만 플레이어가 변경되었네요

바로 위에 플레이어가 있습니다만, 왜인지 몰라도 블로그에서 안 보입니다=ㅅ=; 이건 버그일까나요...
갑자기 기운이 빠지는군요; 그러고보니 구에디터의 플레이어는 RSS에서 읽지를 못 하던데, 이번 신에디터는 RSS에도 읽혔으면 좋겠습니다

설장창에서 제일 눈에 띄는건 트랙백과 CCL입니다. 구에디터에선 트랙백을 걸고 싶을 경우 블로그로 이동후 관리자 메뉴의 트랙백을 눌러 추가해야하는 번거로운 작업이었는데, 신에디터에서는 글을 작성함과 동시에 트랙백을 걸 수 있네요. 그러는김에 티스토리 2008 베타 블로그로의 트랙백을 걸고~..인데 한번에 하나밖에 걸 수 없군요. 구에디터도 그렇지만 좀 달라진게 없으니 아쉽습니다

신에디터인데... 하나밖에 안되!

CCL은 구에디터에서 플러그인이나 스킨수정으로 달았던 걸로 기억하는데, 이젠 에디터자체에서 지원하는군요

제가 사용하는 기능이 얼마 없어서 그런지 몰라도...; 성의 없는 포스팅이 되어버렸습니다OTL

미션이 너무 짧은탐에 나와서 쓰기기 애매한데, 아마 네번째 미션이 나와도 무리해서 쓸것 같군요; 미묘한 중독성...

이만 글을 줄입니다