내사랑 자바 스크립트 +_+_+

참으로 오랜만에 긴시간을 코딩에 또 빠져들었다..
요샌 모 과제도 없고,.. 특별한 일 없으면,.. 거의 코드를 쳐다도 보지 않는데..ㅎㅎㅎ

근데.. 요새 말야.. 내가 자바스크립트와 Ajax 에 빠져버렸다.. 빠져서 완전 허우적 허우적…
어제는 거의 집에 오자마자 11시부턴가?..시작해서 밤을 꼬박새고 아침 7시에 밥을 먹고 잠이 들었다..
든든히 아침도 먹고 잤겠다.. 점심때쯤.. 일어나서.. 오후 12시부턴가.. 시작해서.. 지금 새벽 1시 좀넘었다..

지금까지… 완전 연속은 아니고.. 중간중간 네이트로 수다를 떤거를 제외하고는..
밥도 먹으면서 코딩하는 감행… 내 취미가 코딩이라서 참으로 다행스럽다.
안그랬음.. 머리가 터져 버렸을찌도..ㅎㅎㅎ

자바스크립트 개발을 시작하면서, 참으로 FireBug 에 대한 놀라움에 새삼 놀라고있다..
이젠 스크립트 디버깅까지 된다.. 이야~ +++++
놀랍지 아니한가..

그래도.. 여전히 Ajax 형태의 디버깅은 머리아프다..ㅜㅜ..
Java코드와 JSP 서버사이드 코드, 가끔 건드리는 SQL 쿼리문과  JavaScript 코드 거기에 CSS 코드까지..
한꺼번에 디버깅하기란 쉽지가 않다.. 정말로..ㅜㅜ.. 커기에 크로스 브라우징까지..++++

Ajax 를 하면서 한가지 습관이 생겨버렸다.. 그건 바로 머릿속으로 디버깅하기..ㅜㅜ 아~ 떠진다 떠져..
이 모든걸 가능하게 만드는건 바로 내 맥북~ +
+++
윈도우 개발환경에선 상상도 못했다.. ㅎㅎㅎ

래퍼드에서 가장 멋진 기능은 아무래도 스페이스 분할 기능과 화면 4각에 마우스 포인터 갖다 대면, 기능을 정의할수 있다는 것!! 아~ 훌륭해~ 훌륭해~ ++++
지금 내가 쓰는 방법은 Dock을 왼쪽 자동 수직바로 놓았기때문에 왼쪽의 위아래 각은 사용안한다..
단 오른쪽 위엣각은 스페이스 이동으로 정의를 했고.. 오른쪽 아래는 바탕화면 보기…

그리고 더욱더 놀라운건,.. 바로 Cyberduck!! 요 오리새끼가 정말 대단한 놈이 었다..
알 FTP 상에서 편집할수 잇는 기능이 요 오리새끼는 Textmate 와 훌륭히 짝을 맺고 있다.
거기에 단축키까지.. 오리새끼에서 Command + K 키가 바로 편집하는기능..  하긴 이건 어디나 있지..
근데 여기서 Command + S 를 눌러서 저장하면, 알 FTP에서 파일 편집하고 나서 업로드하고 확인을 누르는 작업을 자동으로 해준다. 이게 정말 좋다~ +
+++  췍오~!!

역시 개발자에게 개발환경이란 코딩의 욕구와 능률을 200% 까지 높일수 있는 중요한 요소다..

맥에서 이제 뱅킹만 되면 이제 더할나위가 없겠다.. 아니다.. 스타도 되면 좋겠다 +++_+
요새 스타 중계만 보고 안하니까.. 손이 근질근질하다.. ㅎㅎㅎㅎ

오늘은 넘 무리했으니.. 운동하고 자야지…

웹개발 중에 따옴표 처리 문제..

MySql 쿼리 처러하다 보니 따옴표 처리 이거 장난 아니구나~ ㅜㅜ
특히 이중 따옴표 처리.. ㅜㅜ.. 이것때메 어찌나 헤맷떤지..
이게 지금 이번뿐이 아니다.. 작년에도 이와 비슷한 문제로 좀 고생했는데…

그때는 쿼트나 떠블쿼트 전부 찾아서 다른문자로 replace 해서 DB로 저장하고, 불러들일때 다시 파싱해서 처리했떤 기억이 있다.

좀 찾아보니..  XML에는 CDATA 와 PCDATA 라는게 있더군..
암튼 난 그래서, 따옴표(“) 를 –> " 로 바꿔서 처리했다..
<a onclick=’comment_lists_toggle(&quot;”+rs.getString(6)+”&quot;, “+rs.getString(5)+”); return false;’ href=’./comment’> 댓글(“+rs.getString(3)+”) </a>

그렇다면, 과연 CDATA와 PCDATA 라는게 멀까?..
PCDATA(Parsed  Character DATA)는 말 그대로 파서가 해석하는 문자 데이타를 말한다.
쉽게 말하면, XML 문서를 브라우저가 읽을때, 브라우저 XML 파서가 문자열을 해석해서 디스플레이를 한다는 것이다.

예로들면, 아래와 같은

<title> XML &amp; JAVA </title>

XML 은  파서가 해석해서 <title> XML & JAVA </title> 로 치환하여 디스플레이 하는것이다.

그렇다면, CDATA 는 먼가?
CDATA는 XML 파서가 해석하지 않고 바로 Application 으로 보내버린다.

즉, <![CDATA[ 문자 데이타 ]]> 요렇게 섹션을 지정하면 안쪽의 문자 데이터는 파서가 해석을 안한다.
게시판에서 특수문자를 허용하는 경우엔 요렇게 CDATA로 묶어서 처리하면 된다.

특수문자를 정리하면 아래와 같다.

< –> &lt;       ex) 3 < 5  –> 3 &lt;  5
> –> &gt;      ex) 5 > 3  –> 5 &gt; 3
& –> &amp;   ex)<title>XML & Java</title>
                                  –><title>XML &amp; Java</title>
”  –> &quot;  ex)<book kind=”computer”>
                                  –><book kind=”&quot;computer&quot;”>
‘   –> &apos;  ex)<book kind=’rhmye’s book’>
                                  –><book kind=’rhyme&apos;s book’>

XML 에서 문자 참조를 할때는 10진수와 16진수를 구별해서 쓸때도 있다.
XML 문법은 간단하다. 

&#x(16진수 코드값);
&#(10진수 코드값);

스페이스 – 16진수: &#x20;    10진수: &#32;
  탭 – 16진수: &#x9   10진수: &#9;

———————– updated 2008.02.25 ————————
검색하다 찾아냈다..
그밖에 특수문자 , Escape Sequences

음… 찾은거 중엔.. 이곳이 가장 잘 정리 되어 있다!!
http://www.hybridelephant.com/computer/tutorial/spechar.html

홈페이지 놀이에 빠지다..

지난 이틀동안,.. 귀차니즘을 이겨내고..

세번째 소모임 홈페이지 개발을 시작했다.
전역하고 2006년에 한번 개편하고, 2년만에 다시 맹그는거 같다..
2006년엔, 첨 하는 거라서 참으로 허술하게 맹글었는데.. 그냥 제로보드 홈페이지였지..ㅎㅎ
이번 개발은 웹표준 이슈도 있고 해서, 크로스브라우징을 최대 목표로 하고 있다.
요새 한창 빠져버린 자바스크립트 +_+_+_+_+
어찌나 재밌는지..ㅋㅋㅋ
카피엔 페이스트가 기본인 스크립터에서 이번에 기초 ajax 라이브러리 빼고는 전부 날코딩하고있다.
템플릿도 없이 먼가 좀 무식하게 하는거 같은데.. 머 아직은 개발 초기단계니까.. ㅋㅋㅋ
좀 페이지가 많아지면 템플릿을 나눠야겠다..
이번에 개발할때는 루비로 할려고했는데,..
호스팅할 서버가 없어서..
걍 JSP로 고고싱~!!
아~ Wiki나 설치해야겠다..