말말말2008. 12. 21. 23:22
지금까지 문자를 사용하는 비율을 보면
프로그래밍 코딩 70%, 메신저 수다 25%, 개발문서 및 회사 기타 문서작성 4%, 그리고 이면지 뭉치의 낙서 1%
여기서 낙서를 제외한 99%는 모두 네모난 자판에서 이뤄진다.

초등학교 시절(사실 난 국민학교 세대다..^^;) 글씨 이쁘게 써보려고 연습장에 그적거리기도 했었는데
그래서 나름 여러 필체를 개발(?)해 내기도 했는데

최근 자필로 기입하는 인사평가서를 쓰면서
글씨 쓰는 법을 잊어버린 나를 발견하곤 작은 충격을 받았다.
세상에~ 갑자기 글자 획 순서가 되게 낫설게 느껴지는게 아닌가.

이건 거의 군대 재대하고서 school의 알파벳에 o 가 한 개인지, 두 개인지 기억이 안났던 때와 비슷한 충격이다.

그리곤 어제 팬시점에 들렸다가 예쁜 손글씨들을 보곤
한글 글씨들이 왜 이리 예뻐 보이던지~ ^^

그러다 오늘 인터넷을 휘돌아다니다가 발견한 글을 보고 글씨의 따뜻함을 쓸어내려봤다. ^^


정말 한글이 이렇게 이쁠 수가 있구나...^^





Posted by gildong0
CSS, HTML2008. 12. 18. 16:08
황당하게도 background-color를 준 <div> 내부에 <img>와 함께 <div>를 두고 <img>에 float:left 를 주니까
IE6에서만 <div>가 가려진다.
마우스로 긁으면 글자가 나타나고,
브라우저 윈도우를 뒤로 숨겼다가 앞으로 내놓으면 또 일부가 나타나고..ㅡ.ㅡ;

google에 물어보니 국내에선 찾지 못했고 외국에 이런 문제에 대한 해결방법을 올려놓은 글을 겨우 찾아서 공유하고자 한다.


나같은 경우엔 background-color를 준 <div> 에 position:relative 만 주니 되더라. ^^;
역쉬 구글신이돠~

WmCQwX1jv8IPjOhzDkQCQuV98q6p3/lgyiBRP/JtSog=
Posted by gildong0
CSS, HTML2008. 12. 10. 10:49
span 태그는 inline element이기 때문에 공간을 차지하지 않는다. 그래서 width를 준다는 건 상식적으로 맞지 않는 속성이다.
근데 .... 그래도 주고 싶다. ㅋㅋㅋ

역시 구글링~ ^^ 한글검색으론 마땅한 답이 없어 과감히 영어검색을 하니 찾았다.

inline element 를 block element로 변경하려면
style 속성 중 display 값을 inline-block 으로 설정하면 된다.

<span style="display:inline-block; width:200px; background-color:#CCCC">가나다라</span>마바사아





Posted by gildong0
Javascript, Ajax2008. 12. 5. 16:31
현재 간단한 우편번호 검색 component를 만들어보고 있는데 범용적으로 쓰기 위해선
어떤 html파일이든 상관없이 우편번호 검색 Layer를 띄울 수 있어야 한다.

결국 모든 html에 들어있는 태그가 무엇일까?
그렇지! 바로 <body>지. ^^
그럼 <body> 밑에다가 만들면 어떤 html에도 다 돌아가겠군.

그럼 body 태그를 일단 찾아야 하니까 getElementsByTagName 메소드를 이용하면 될 듯한데

var theBody = document.getElementsByTagName("body");
var panel = document.createElement("div");
var ptext = document.createTextNode("test");
panel.appendChild(ptext);
theBody.appendChild(panel);

돌려보니 띵~~~ ... 아무짓도 안한다.

결국 원인은 getElementsByTagName 의 반환객체가 node 타입이 아닌 nodelist 타입이었던 것.
그래서 결국 완성한 코드.

var theBody = document.getElementsByTagName("body")[0];
var panel = document.createElement("div");
var ptext = document.createTextNode("test");
panel.appendChild(ptext);
theBody.appendChild(panel);
Posted by gildong0