특수문자 찾기 귀찮아서 직접 만든 '특수문자 이지픽' (원클릭 복사/배포)

[문제인식]

블로그 포스팅이나 문서 작업을 하다 보면 별표(★), 화살표(→)같은 특수문자가 
꼭 필요할 때가 있습니다.
하지만 윈도우 기본 방식(ㅁ+한자)은 원하는 문자를 찾기 위해 여러 번 페이지를
넘겨야 하고, 구글에서 검색해 복사해오는 것도 무지하게 귀찮습니다.
뭐 어디 복사해두고 쓰면되지 하는데 그것도 귀찮았습니다.
그래서 생각한게 로컬웹페이지로 하나 만들어 두고 필요할때 바로 띄워서 복사하자
라는 생각을 하게되었습니다. 

[구현]

1. 꼭 필요한 특수문자만 넣는다.
    - 실무에서 가장 많이 쓰이는 BEST 탭부터, 최근 블로그 포스팅 트렌드인 이모지와
      카모지(텍스트 이모티콘)까지 세분화하여 작업 동선을 최소화했습니다.
2. 로컬웹에서 바로 열어서 볼수있어야 한다.
    - 설치/로그인/광고없이 편히 사용할수 있습니다.
    - 오프라인에서도 동작합니다. (회사/작업용pc)
    - 브라우저만 있으면 되니 사용성이 편합니다.
3. 특수문자를 누르면 바로 복사되어야한다.
    - 선택 + Ctrl+C 과정이 사라져서 반복작업시 피로감이 적습니다.
    - Best에서는 가장 자주쓰는 특수문자 위주로 구성했습니다.
4. 눈에 피로없는 디자인으로 한다.
     - HTML5, CSS3, JavaScript를 이용해 별도의 설치 없이 브라우저에서
       즉시 실행되도록 설계했습니다. 가독성을 위해 Pretendard 폰트를 
       CDN 방식으로 적용하여 어떤 환경에서도 깔끔한 디자인을 유지합니다

 

아래는 예시 스샷 3장

Ex) Best 특수문자 구성

Ex) 숫자/원 특수문자 구성

Ex) 카모지 특수문자 구성

[사용법]

1. 다운로드 받은 특수문자 Easy Pick.zip 폴더에 푼다.
    1.1 브라우저에 즐겨찾기로 등록하고 사용하면 편합니다.
2. Easy Pick.html 을실행시긴다.

압축을 풀고 Easy Pick.html 을 실행한다.

3. 제공되는 카테고리 : BEST, 이모지, 도형/괄호, 수학/단위, 숫자/원, 문자/기타, 
    카모지(Kaomoji) 등 7개 탭 중 원하는 특수문자를 고른다.
4. 특수문자 선택해서 복사

클릭시 복사알람

[사용후기]

이제 어디 찾으로 다닐필요없고, 로컬에서 필요할때 띄워두고 사용하니
귀찮음이 사라졌습니다. 아 그리고 혹시 특수문자를 더 추가하고싶으시면
     Helper/script.js 파일 
     const charData = { ... }; 

이부분에 추가해서 사용하시면 됩니다.
그리고 이 프로그램은 블로그 글 자주 쓰는 분, 문서 작업 많은 분, 
기호/단위 자주 쓰는 분이 사용하시면 좋을것 같습니다.

[다운로드 파일] 

특수문자 Easy Pick.zip

0.00MB

 

참고사항 : 

1. 프로그램 파일은 개인 배포용입니다. 재배포는 삼가주시고, 

    본 포스팅을 통해 다운로드 부탁드립니다.