와우(World Of Warcraft)용 전투정보실 FireFox3 플러그인

제가 즐겨하는(요즘은 가끔 하는) 월드 오브 워크래프트(World Of Warcraft, 이하 와우) 에는 '전투정보실' 이라는 게 있습니다.
특정 캐릭터의 아이템/평판/특성, 혹은 그 캐릭터가 가입한 길드정보, 길드 멤버 등의 정보를 제공해주는 곳이지요.

http://armory.worldofwarcraft.co.kr 또는 http://kr.wowarmory.com 으로 접속을 해서 캐릭터 명 등으로 검색이 가능합니다.

아래는 오리때부터 와우하면서 알고 지내는 냥이님의 사제캐릭(뭐 이제는 사제가 본캐처럼 되었지만) '달빛고냥이' 를 검색해 본 결과입니다. 뭐 대충 이런식으로 나옵니다.

매번 검색할때마다 이곳에 접속해서 쓰기가 귀찮아하는 유저들을 위해 블리자드에서는 IE 및 FF용 검색 플러그인을 제공합니다.
URL은 http://kr.wowarmory.com/search-plugin.xml 여기지요.

FF3 로 업데이트를 하고 나서 새로 설치를 해볼려고 클릭했는데...

아.. 뭐라는건지 모르겠지만 아무튼 설치가 아니되네요.

가뜩이나 FF extension 을 만들어볼 건수를 찾고 있었는데 이거다  싶어 '왕초보적인' FF 3 용 플러그인을 만들어봤습니다.
IE용은 비슷한거 만들어 본 기억이 있었기 때문에 패스. ( 그냥 첨부터 ff extension 을 만들어보고 싶었다고요오~ )

모잘라 파이어폭스 애드온에 등록한 URL : https://addons.mozilla.org/ko/firefox/addon/8820 ( 현재는 sandbox 상태라서 로그인해야 다운로드가 가능하네요 )

miniWowArmory.xpi

우선 설치를 하고 나면 화면 하단에 아래와 같이 캐릭터명 입력화면이 생깁니다. 캐릭터명 입력하고 '검색' 누르면 전투정보실 창이 뜨면서 그쪽으로 이동이 됩니다.

아무래도 블리자드에서 제공하는 것과는 차별화가 있어야겠기에 기능 한가지는 추가했습니다. 특히 플포질 할때 있었으면 하는 기능이었는데...

플포질을 하다가 누군가의 캐릭터를 보고 싶을때가 있는데, 전투정보창을 띄우기는 커녕 FF 하단에 붙은 검색창까지도 이동하기가 싫은 분들은 해당 캐릭터명을 마우스로 슥 긁어서 선택한 다음에 마우스 오른쪽 버튼을 눌러봅니다. 그러면 팝업이 뜨면서 아래 파란줄 그은 것처럼 화면 상단에 "OOOO 의 특성 보기" 라는 항목이 보입니다.

선택하면 곧바로 전투정보실로 이동 고고싱~

다음에 시간나면 iPhone 용 "Warcraft Characters" 처럼 간지나게 다듬어 볼 생각입니다. ( 늘 그러하듯이 이런식으로 글쓰면 '다음' 은 없죠 -_-;;)

firefox3 다운로드 기네스 세계기록 달성

방금 friefox 다운로드 할때 등록해뒀던 네이버 이메일로 위와 같은 내용의 이메일이 전송되어 왔습니다.

24시간 동안 8,002,530 다운로드를 기록했군요.

이메일을 받으신 분이라면 메일의 중간쯤 'certificate' 라는 단어가 보이실 텐데, 여기 하이퍼 링크가 걸려있습니다.

LCD로 밝게 보시는 분들은 링크가 잘 안보실수도 있으실텐데 아무튼 클릭하면 아래와 같이 이름 입력칸이 나옵니다.

등록했던 이메일을 입력하면 pdf 로 된 인증서를 받을 수가 있습니다만... -_- 아마 지금 서버가 폭주중이라 정상적으로 기능이 동작하지 않을수도 있겠군요.

저도 아까는 됐는데 지금은 또 잠시 안되고 그렇습니다.  요렇게 생겼습니다.

저도 이젠 세계신기록이 1개 생겼군요. ㅋ

designMode 를 On 한 iframe 에서 순수 텍스트만 간편하게 추출하기 ( FF 테스트되지 않음 )

FF 에서는 테스트되지 않았음. IE7 에서만 테스트함.

일반적으로 네이버의 스마트에디터나(아마도?) 태터툴스와 편집모드 등은 흔히 iframe 을

designMode = 'On'

이라는 식으로 설정해서 사용한다. (차이점이 있다면 FF 는 해당 페이지가 모두 로딩된 다음, 즉 OnLoad 시에만 세팅할 수 있다는 정도?)

그리고 각종 designMode 에서 쓸 수 있는 별도의 명령어들을 사용하든지, .. 능력만 된다면 innerHTML 에다가 직접 하드코딩을 해서 삽입해버리거나 하면 된다.

알려진 바와 같이 textarea 에서는 text 이외에는 그 어떤 HTML 적 요소들을 사용할 수 없고, 태그를 사용하더라도 실제로 반영되지 않기 때문에 이미지를 링크해서 보여준다든지, 폰트의 색깔을 바꾼다든지 bold로 한다든지 하는 모든 웹상의 편집기능은 이 designMode 가 On 된 iframe 으로 구현하게 된다.

IE에서만 테스트해보았지만. 이 상태에서 해당 iframe 의 innerHTML 을 가져오면 온갖 자신이 입력하지 않은 tag 들과 기타 등등의 코드들을 볼 수 있는데(줄바꿈 태그가 들어간다든가 기타등등...), 만약 이 중에서 HTML 태그가 아닌 text 만을 추출해야 될 필요성이 있는 경우(이를테면 SMS로 발송한다든지, HTML을 인식하지 않는 검색엔진 색인기에 텍스트를 넣어야 한다든가 하는..), 모든 HTML적 요소들을 일일이 파싱해 내는것이 여간 귀찮은 일이 아니다.  
< 가 나오면 그 다음 무조건 > 가 나올때까지 죄다 skip 해버리는식으로 간단하게 작성해서 쓰는 방법도 있겠지만... <title> 어쩌구저쩌구.. </title> 이런식으로 iframe 에 HTML 이 들어가 있는것들도 죄다 파싱? css 태그는 ??

경험상 가장 간단한 방법은 innerHTML 을 사용하지 말고 innerText 를 사용하는게 가장 편리하다.

innerText 를 사용해서 값을 가져오면 온갖 잡스런 HTML 태그들을 죄다 사라진채로 text와 개행문자등의 비HTML적 요소들만 뽑아서 값을 리턴해준다.

실제로 지금 개발중인 MMS G/W 웹페이지에서 SMS는 이런식으로 발송하고 있다.
(어차피 ActiveX 가 붙어버려서 IE 전용 사이트가 되어버렸기에... )