봄싹2009. 11. 19. 00:00
이번 daum devday 9회에.. 얼떨결에.. 대상 받은 쥔장입니다..

꼭 에디터에 있었으면 하는 기능이라서 짧은 시간안에 만들어보았습니다..
물론 현재 버전으로 사용하기는 참으로 거시기 하죠..

처음 간단할거라고 생각하고 시작했는데.. 만들다 보니.. 왜 아직 웹 에디터에는 이러한 기능이 없었을까 하는 생각이 들기도 합니다.. ;; 물론 저의 실력이 허접해서 .. 이런 생각을 할 수도  있겠지만요 ..ㅎ

현재 마이너 버전의 소개를 하자면...
정말 거의 프로토타입의 프로젝트와 마찬가지로... 급하게 급하게 구현 했습니다..

소스코드상 보면 알겠지만... 갠적으로도 좋아라 하고 .. 같은 봄싹 팀으로 출전했던 Jquery 메니아 정우형의 작품이기도 한 팝업div는 Jquery로 작성되어 있습니다.

현재 기능 구현은 .. 단순(스타일 요소가 없는 textNode) 글자에서만 동작하고 있구요..
한글 / 영어 여부에 따라서 ..
한글의 경우는 Daum 사전 API를 ... 영어일 경우는 google 사전 서제스트를(불법인지는 아직 잘 모르겠지만.. 왠지.. 찝찝하기도 합니다.) 사용하여... 커서가 있는 글자 기준으로 앞으로 공백만날때까지 문자열을 가지고 ... 검색을 해서 popup div로 검색내용을 디스플레이 해줍니다..

해결해야 하는 이슈들은 무척 많습니다... 그중 가장 큰 이슈는 .. 서제스트 기능이 그렇듯이.. 글자를 칠때마다 해당 글자에 해당하는 내용을 검색해서 와야 하는데.. 그런 기능은 아직 없습니다..

앞에서 이야기 했듯이 프로토타입 성향의 급 프로젝트여서 말이죠.. ;;
버그가 장난이 아니죠..ㅎ

지금 와서 보면 아무것도 아닌것들을 가지고 마니 고민했었고... 다음 에디터 기반에 대해서도 잘 알지 못한 상태에서 코딩에 임했기 때문에.. 마이너 버전의 소스 코드는 형편 없습니다..

앞으로 해결하고 싶은 이슈들은..
1. 타이핑 칠때마다 검색을 가져온다.
2. 옵션으로 사전 또는 서제스트 사용 여부 추가.
3. style 또는 링크 , table , 등등등... 웹에디터에서 작성된 글에 대한 wordassist 가능.
4. jquery 걷어내고 daum editor 형태의 js로 변경.
5. 쓰레기 코드 깨끗이 정리 & 리팩토링하기.
6. 정말 사용 할 수 있도록 만들기.
7. 최적화 & 버그 없애기.

코딩하다가 느낀건데.. 의외로 스타일 정리하는 부분이 지저분해 보이는 daum editor.. 인것 같기도 하고;; 스타일 먹이고 글자만 그냥 지우면 tag는 그대로 남아 있다던가;; 하는 부분이 눈에 보였음..;;


[[참고로 위의 소스로는 거의 도움이 안됩니다.. 그나마 개발중인 svn 최신소스가 괜찮을듯 합니다.]]
스샷!


일단 어쩌다 보니 혼자 프로젝트가 되었습니다..
프로젝트와 관련된 사항은 봄싹 이슈트레커에 살짝 올려놓았구요...

[[ 프로젝트 이슈트레커]]
물론 관심있는 분은 없겠지만.. ㅋㅋ 실시간 변화하는 소스를 보고 싶다면 이곳에 가시면 구경할 수는 있습니다..

12월 6일까지니까... 완성도 있게 만드려 보렵니다... !!

Posted by is윤군

댓글을 달아 주세요

  1. DOM과의 싸움은 해결한건가? ㅎㅎㅎㅎㅎ
    아침에 업데이트 받아서 돌리니까 오류있는것 같던데... 소스좀 보려다가... 업무시간되서.. ㅎㅎ
    화이팅!!

    2009.11.19 10:33 [ ADDR : EDIT/ DEL : REPLY ]
    • 아직 완벽히 이기진 못했고 .. ~
      이길 방향은 가지고 있어요 ;;ㅋㅋ
      막상 생각을 코딩으로 옮기기가 힘들어서 ;;ㅎㅎ
      그리고 어제 새벽에 귀찮아서 오류 있는 상태에서 commit 을 ..ㅋㅋ

      2009.11.19 13:44 신고 [ ADDR : EDIT/ DEL ]