[자바스크립트] 쉽게 문자열 처리하기 - Voca.js

이제 라이브러리 관련 콘텐츠를 거의 소진해서 다른 걸 써보려고 했는데..

찾다 보니 별의별 라이브러리가 다 있어서 한동안은 이런 글이 계속 올라올 것 같네요 ㅎㅎ;;

 

---

문자열 라이브러리 Voca.js

Front-End 작업을 하면서 자바스크립트를 이용해 문자열 작업을 하다 보면 가끔 부족함을 느끼게 됩니다.

저도 C#이나 JAVA의 프레임워크에서 제공하는 다양한 문자열 함수를 사용하다가 자바스크립트를 쓰면 가끔 부족한 느낌을 받곤 했습니다.

 

Voca.js를 추가하여 사용하면 이런 답답함을 풀어주고 더 다양한 기능을 제공합니다.

 

---

 

Voca.js 링크

vocajs.com/

Voca: The ultimate JavaScript string library

728x90

---

 

설치 방법

1. 다운로드

아래 링크로 이동하면 voca.js 소스코드가 나옵니다.

안의 내용을 모두 복사해서 개발 중인 프로젝트에 저장합니다.

raw.githubusercontent.com/panzerdp/voca/v1.4.0/dist/voca.js

 

2. CDN 사용하기

cdnjs.com/libraries/voca

voca - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers

위의 링크로 이동하여 voca.js 또는 voca.min.js 중 하나를 코드 복사하여 프로젝트에 포함합니다.

 

3. npm install

터미널 창에 아래의 내용을 복사 붙여 넣어서 install 합니다.

npm install voca

 

---

 

사용 예제

가장 기본적인 사용 예시입니다.

<script type="text/javascript">
    // 카멜 케이스
    v.camelCase('bird flight');              // => 'birdFlight'
    // printf 처럼 사용하기
    v.sprintf('%s costs $%.2f', 'Tea', 1.5); // => 'Tea costs $1.50
    // 공백을 -로 대체
    v.slugify('What a wonderful world');     // => 'what-a-wonderful-world
</script>

 

 

 

---

 

Voca.js 함수 리스트

Voca.js 함수들의 기능은 위의 링크를 통해 찾아볼 수 있지만, 각자 어떠한 역할을 하는지 한눈에 파악하기 쉽게 정리했습니다.

함수 분류	함수 역할	대표 함수들
Case	대소문자, 띄어쓰기 관련 문자열 처리하는 함수들	v.camelCase, v.lowerCase, v.upperCase 등
Chain	문자열을 띄어쓰기 단위로 나누어 배열을 반환하여 처리하는 함수들	v.chain
Chop	문자열에서 글자를 추출하거나 쪼개어 처리하는 함수들	v.charAt, v.first, v.last, v.slice 등
Count	문자열의 글자수나 단어의 수 검색 등 처리하는 함수들	v.count, v.countWords 등
Escape	문자열의 특수문자, 글자 들을 Escape, Unescape 처리하는 함수들	v.escapeHtml, v.unescapeHtml 등
Format	C언어와 같은 printf 함수처럼 format 형식의 문자열 함수들	v.sprintf, v.vprintf 등
Index	문자열 검색을 담당하는 함수들	v.indexOf, v.search 등
Manipulate	문자열을 편집을 하는 다양한 함수들	v.insert, v.replace, v.trim 등
Query	문자열에 대한 조건을 질의하여 True, False 등을 반환받는 함수들	v.isEmpty, v.isNumberic, v.includes, v.isBlank 등
Split	문자열을 특정 단위 기준으로 나누어 배열로 처리하는 함수들	v.chars, v.split, v.words 등
Strip	문자열에 포함된 스크립트, 태그 등을 제외, 대체 등 처리하는 함수	v.stripTags, v.stripBom 등
Util	기타 Voca 함수들	v.noConflict, v.version 등