U.Seung's Log

네이버가 최근 스마트 에디터를 오픈했었지요.

[웹 편집기의 새로운 기준, 스마트 에디터의 8가지 똑똑한 기능]

1. html 편집,맞춤법검사까지 편리하고 똑똑한 블로그 글쓰기툴
2. 다양한 뷰로 사진을 재구성하자, 비주얼 스토리텔링 포토 업로더
3. 고화질, 와이드사이즈로 업그레이드 된, 동영상 업로더
4. 내 포스트에 대한민국 넣자, 지도 첨부
5. 날씨, 인물, 드라마 검색해서 바로 첨부하자, DB첨부
6. 리뷰, 요리, 여행 주제별로 딱맞게 쓰자, 템플릿 글쓰기
7. 스타일리시한 매거진 룩으로 포스팅하자, 포스트 레이아웃
8. 날릴 걱정없이 쓰고, 파일로 보관하자, 안전한 포스트 저장 기능

아주 기능이 많은데.. 그 중에서 html 에디터를 보면 색상 선택기가 있더라고요.

오~ 멋지더라고요. 뭔가 Photoshop 같은 느낌이랄까..
어떻게 했나 궁금해서 Source를 좀 까봤습니다.
IE에서는 MS에서 제공하는 Filter를 쓰고, 나머지는 Canvas를 썼습니다.

그리고, 소스를 보면.. Javascript로 UI Framework을 만들어서 썼던데..
자세히 보진 않았습니다만 나름 잘 구현한 것 같네요.
이름이 Jindo 네요..

Yahoo의 YUI 처럼 NHN도 NUI를 공개하려나요 ?!
공개한다면 재밌을 것 같은데 공식적으로 공개할지 잘 모르겠네요.


또 재미있는 것 중에 하나는. NHN에서 서비스를 할때, 감사하게도 전혀 Scrambling 시키지 않고 소스를 배포했다는 겁니다. 소스가 잘 보이네요.. 그래서 저도 Colorpicker를 사용해 봤습니다.
사용법은 간단해서 누구나 쉽게 사용하실 수 있을 것 같네요. ^^




끝으로, Gradiation이 들어간 Colorpicker 자체에 대해서..
어떻게 만드는지 궁금하시는 분들은 아래를 참조하세요.