네이버 백과사전의 풍선도움말(툴팁) 따라하기
Appendix/컴퓨터 이야기 Posted at 2008. 11. 7. 20:48
[대한민국 헌법]
제1조 ①大韓民國은 民主共和國이다.
②大韓民國의 主權은 國民에게 있고, 모든 權力은 國民으로부터 나온다.
제1조 ①大韓民國은 民主共和國이다.
②大韓民國의 主權은 國民에게 있고, 모든 權力은 國民으로부터 나온다.
오늘 국제법을 공부하다가 estoppel이라는 말이 무슨 말인지 몰라서 네이버 백과사전의 신세를 좀 지게 됐다. 네이버 백과사전에서 한자로 쓰여진 부분에 마우스를 올려 놓으면 박스가 뜨면서 한자의 뜻을 풀이해 주는 기능이 있다는 사실은 예전에 처음 업데이트 되었을 때 '참 편리하고 좋은 기능이다'고 생각하고 있었으나, 감히 이걸 따라서 해보겠다는 생각은 하지 못했다.
그.러.나!
시험기간에는 늘 평소에 보지도 않던 뉴스가 재밌고, 하지도 않던 지뢰찾기가 재밌으며, 괜히 스토리도 모르는 드라마에 눈이 가고, 각종 재방송이 끌리며, 친구들과의 음주가무는 왜 이리 하고 싶은 것인지!
마침 다음 주 월요일에 국제법 퀴즈가 있다. 무려 중간고사와 비슷한 배점이라 절대 무시할 수 없음에도 불구하고, 이 기묘한 호기심에 빠져버렸다. 내 블로그에도 가끔 법률 관련 포스트를 올리면 한자가 들어가는데 일일이 괄호를 치는 것보단 네이버 백과사전처럼 나오게 만들면 더 보기 좋을지도 모르겠다는 생각을 해버린 것이다.
그래서 손을 대고야 말았다.
대체 이 기능이 무엇인지부터 찾기 시작한 것이다. 물론 자바스크립트일 것이란 예상은 했다. 허나, html 태그라면 조금 손을 대보겠는데 자바로 넘어가버리면 나는 속수무책이다. 그래서 열심히 네이버 지식in을 뒤지다가 어떤 지식인께서 자신이 직접 비슷하게 만든 소스를 올려 놓으신 걸 발견, 이를 연구하기 시작했다. 이것은 지식in의 답변 중에 있는 것으로 뒤져보면 굉장히 많은 곳으로 스크랩 되어 있으므로 나도 소스 전체를 그냥 올리도록 하겠다. 궁금하면 '더 보기'를 눌러주삼~
그러나 뭔가 2% 부족한 느낌. 이리저리 손을 대다가 도저히 마음에 들게 바꿀 수가 없는 것이었다. 그래서 결국 네이버에 구현된 툴팁 스크립트를 참고하기로 했다. 백과사전 창에서 '소스보기'를 눌러 메모장으로 열었더니 실로 엄청난 양의 코드가...아무튼 찾아내서 다행이었다. 이리저리 만져보고 뜯어보고 한 끝에 수많은 소스들 중에서 분리하는 데 성공했고, 하고 나니 의외로 그 작업은 간단했다. 기대하시라, 개봉박두. 아래에서 대한민국 헌법 제1조를 인용, 툴팁 설명을 구현해 보았다. (헌법 전문으로 하려고 했는데 한자가 너무 많다ㅠ) 근데, 뭔가 문제가 있는 듯하다. 마우스 바로 아래에서 열려야 할 박스가 왜 저렇게 멀리서 열리는 것인지! 그건, 나도 이제 잘 모르겠다ㅋㅋ