웹개발자를 위한 도구모음: 〈Epiloum Widget〉 소개

금번 포스팅에서는 제가 직접 제작하여 사용하고 있는 개발용 도구모음, 〈Epiloum Widget〉(http://widget.epiloum.net)에 관하여 소개하고자 합니다. 〈Epiloum Widget〉은 개발 중에 (특별히 DB에 저장된 데이터 검증·조작이나 디버깅에서) 필요성을 느꼈던 자잘한 변환이나 파싱기능을 소도구로 만들어 한데 모은 웹 어플리케이션입니다.

〈Epiloum Widget〉 안에는 Unix Timestamp를 사람이 알아볼 수 있는 시각으로 변환하는 소도구, URL에 들어있는 퍼센트인코딩된 문자열들을 실제 문자로 풀어내는 소도구, MD5 · Sha1 · Base64 등의 인코더 및 디코더 등, 다양한 소도구들이 포함되어 있습니다. 현재까지 큰 메뉴는 5가지가 만들어져 있으며, 그 아래에 10여개의 소도구들이 있습니다.

Epiloum Widget 사용 스크린샷

메뉴에서 선택한 소도구들은 웹 브라우저 안에 마치 Windows OS처럼 창으로 표시됩니다. 이 창들은 제목표시줄을 드래그를 하여 위치를 옮길 수 있습니다. 모든 기능의 작동은 Ajax으로 이루어지기 때문에 페이지 로딩이 일어나지 않습니다. 따라서 이 도구는 웹 브라우저에 탭으로 띄워놓고 얼마든지 필요할 때 다시 표시하여 사용할 수 있습니다.

〈Epiloum Widget〉은 순수하게 제 개인의 필요에 의해 제작하기 시작한 도구입니다. 이 도구를 만들기 전에는 각종 기능이 필요할 때마다 매번 코딩을 하여 결과값을 얻거나, 구글 등에서 다른 개발자들이 만들어놓은 도구를 검색하곤 하였습니다. 이러한 일로 작업의 흐름이 끊겨 기분이 언짢게 되는 일이 많다보니, 결국은 다양한 소도구들을 한 화면에서 제공하는 웹 어플리케이션을 만들게 된 것입니다.

제작동기 자체가 개인적인 것이다보니, UI나 작동환경 면에서도 저의 이용패턴에 맞추어 만들어진 부분이 많습니다. 또한 일부는 실험적인 도전이 가미되는 경우도 있습니다. 때문에 본래는 저와 함께 일하는 동료들에게만 공유하고 사용하고 있었던 도구입니다. 사용 중에 다소 간에 불편이 있겠으나, 개인 프로젝트로 만들어진 결과물임을 감안하시어 너그러운 눈으로 바라보아 주시기 바랍니다.

마지막으로, 본 도구는 jQuery 2.x 및 CSS3에 크게 의존하고 있기 때문에, Internet Explorer 9 미만의 버전에서는 작동하지 않습니다. 그러나 이 도구를 사용하는 대부분의 분들이 높은 버전의 브라우저를 사용할 가능성이 높은 개발자 분들임을 감안하여, 브라우저별 호환성을 개선할 계획은 가지고 있지 않습니다. 양해를 부탁드립니다.

2 thoughts on “웹개발자를 위한 도구모음: 〈Epiloum Widget〉 소개

  1. 안녕하세요.

    제가 메일을 드리고 싶은데 메일 주소를 잘 모르겠네요.
    혹시 메일 주소 알려주실 수 있으신지요?…^^;;

    고맙습니다.

    • 김윤래님 안녕하세요. 제가 회신이 많이 늦었네요. 제 메일주소는 *** at *****입니다. 검색에 노출되면 곤란할 점이 있을 것 같아, 메일 보내주신 후에는 제가 이 덧글은 수정하여 메일주소를 숨기도록 하겠습니다. 양해 부탁드립니다!

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.

*

다음의 HTML 태그와 속성을 사용할 수 있습니다: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>