관리 메뉴

한솔닷컴

[color-convert] GitHub 뒤지기 4 본문

분류없음

[color-convert] GitHub 뒤지기 4

훈솔 2016.06.15 13:43



GitHub 뒤지기 - 4

Qix- / color-convert




-    소개


이번 API 는 NodeJS 전용 모듈로 개발되있는 듯 하여 js 파일로 따로 빼는 작업을 해야 했다.

(rgb, hex, keyword, hsl, hsv, hwb, cmyk, xyz, lab, lch, ansi16, ansi256, hcg, apple RGB) 포맷을 지원하는 이 API는 각 포맷의 계산식으로 서로 변환이 가능하도록 설계되었다.


링크: https://github.com/Qix-/color-convert

예제: http://hsol.github.io/color-convert-page/


-   구성


conversions.js

css-keywords.js

index.js

route.js

package.json


-    공식 예제


https://github.com/Qix-/color-convert

따로 예제는 없고 README.md 문서에 나온 예시문으로 사용할 수 있다.


그래서 만든 활용 페이지.

https://hsol.github.io/color-convert-page


-    사용법 (by 한솔)

앞에서도 말했듯이 이 API는 NodeJS 전용 모듈로 제작되었다.

설치과정부터 작성하려면 시간도 많이 걸릴 뿐더러 별로 관련 없는 내용이라 링크로 대신한다.


https://nodejs.org/ko/

http://bcho.tistory.com/884


설치를 마쳤다면 NodeJS 에서 다음과 같이 사용할 수 있다.

var convert = require('color-convert');

convert.원래포맷.바꾸려는포맷(원래포맷데이터);


여기까지는 Qix- 의 NodeJS 용 API.


https://github.com/Qix-/color-convert/blob/gh-pages/color-convert-0.5.1.js

gh-pages branch에서 페이지용 스크립트를 발견하였다.


하지만 업데이트 전 버전이라 버그와 불편함이 남아있었고, 역시 NodeJS 페이지였다.

나같이 NodeJS 없이 페이지에서 API 사용을 원하는 사람들을 위해 새로운 API로 컨버팅 시키기로 하였고

역시 github 페이지로 퍼블리싱 하였다.


http://hsol.github.io/color-convert-page/


사용법은 최대한 동일하게 하되 페이지에 직접 include 시켜줘야 한다는 점이 달라졌다.

var convert = new convertColor();

convert.원래포맷.바꾸려는포맷(원래포맷데이터);


바뀐건 단 한가지. NodeJS 의 require 문 뿐이다.


 

-    활용

사실 활용점은 확실하게 찾지는 못했다. 나는 사용하는 색상표가 hex로 되어있기에 rgb로 일괄변환 하려다가 찾은 API 다.

hex와 rgb를 같이 쓰는 곳에서 css 표준화 스크립트 작성에 도움이 되지 않을까 싶다.

1 Comments
댓글쓰기 폼