아무튼, 마땅한 아이디어도 안 떠오르는데, 때마침 발표자(다음 직원이신데 성함이 기억안나네요... 죄송 m(_ _)m)께서 엄청난 오타를 날리시는 것을 보고 영감을 받아 철자 검사 기능을 추가해보기로 했다.
서버측 코드는 갖고 간 노트북에 윈도만 깔려있는 관계로 자바로 작성하기로 했다.
노트북에 설치된 C 컴파일러도 없고, 귀찮기도 하고 해서, 대충 JNA를 사용하여 당장 필요한 함수 몇 개만 hunspell 바인딩을 만들었다.
그리하여, 약 4시간에 걸쳐 만든 웹 기반 스펠 체커 API + 다음 오픈 에디터 플러그인.
오타가 잔뜩 있는 문장을 입력한 다음, 툴바의 오른쪽 끝에서 세번째 있는 필름롤 아이콘을 클릭하면 스펠 체커가 틀린 단어를 빨갛게 표시해 준다. 이 빨간 단어를 클릭하면 추천 목록이 나오고, 추천 목록에서 맞는 단어를 클릭하면 해당 단어를 선택한 단어로 대치한다. 웹 기반 스펠 체커 API는 익숙한 환경이라 금방 만들었는데, 다음 오픈 에디터의 구조에 익숙하지 않아서(오후에 코딩해야하는 줄 모르고, 오전 세미나를 대충 들어서 ㅠ.ㅠ) UI가 엉망이다. UI를 전반적으로 손을 많이 봐야 할 듯...
그날 만든 다음 오픈 에디터 예제에, 간단한 API 사용 예제와 자바독 문서, 관련 링크 등을 추가해서 급하게 프로젝트 홈페이지도 만들었다.
덧: 지금은 개인적으로 호스팅하고 있는 열라 후진 서버(셀2.66G/1.5G)에 올려놓았는데, 좀 쓸만한 서버를 확보할 수 있으면 올려두고, 여기저기 웹 프로젝트에서 써 먹을 수 있을 듯...한데, 혹시 도와주실 분 계신가요? ^^;
이 장소를 Daum지도에서 확인해보세요.
서울특별시 용산구 한남동 | 서울파트너하우스
'hacking > web' 카테고리의 다른 글
| dwLive! 웹개발 다반사 - 발표 자료(JavaScript Common Mistakes) + 후기 (4) | 2009/12/05 |
|---|---|
| dW Live! 세미나 ‘웹 개발 다반사’ (2) | 2009/12/03 |
| 웹 기반 스펠 체커 API + 다음 오픈 에디터 플러그인 (4) | 2009/11/19 |
| Google Chrome Frame! - 구린 IE를 피해가는 구글의 구린 꼼수 (0) | 2009/09/23 |
| Delightbox - dojo 기반의 Lightbox (0) | 2009/09/15 |
| 심심풀이 코딩 - 자바스크립트로 만든 벽돌깨기~ (7) | 2009/08/24 |
