메뉴 건너뛰기

유용한 사이트

  • javascript/css/swf 설치없이 사용하는 public CDN 라이브러리 - cdnjs
  • 공돌이
    조회 수: 2351, 2017.03.16 11:04:03
  • 저같은 경우엔 개발을 하면서 수시로 이것저것 javascript나 css framework 등을 사용해봅니다. 심지어 새로운 기능도 만드는게 귀찮으면 일단 공개 라이브러리가 있나 한번 살펴보곤 하지요.

     

    이런 것들을 일일히 서버에 경로잡아서 다운로드해서 설치하고 써보다가 아니다 싶으면 삭제하고, 상당히 번거롭잖아요?

     

    그래서 공개적으로 라이브러리들을 호스팅해주는 public cdn서비스들을 사용해 봤는데요,

     

    대표적인게 구글 cdn 라이브러리가 있지요 (https://ajax.googleapis.com 로 시작하는 파일들) 

     

    처음에는 google cdn 에서 jquery/jqueryUI 같은것들 땡겨다 쓰고, 부트스트랩은 홈에 있는 가이드대로 maxcdn꺼 땡겨다 쓰고 해 봤었는데,

    이게 속도가 엄청 불안정하더군요. 어떨때는 별 문제 없다가 어떨때는 (javascript 로딩하는것 땜에) 페이지가 로딩이 확 느려지는 상황도 발생하고...

    이게 아마 maxcdn 이나 google 이 한국쪽에서 서비스하는 엣지서버가 없어서 그런게 아닐까 싶어요.

     

    그러다가 우연히 cdnjs.com 알게돼서 들어가보니 엄청 많은 라이브러리들을 (현재 총 2,855개) 호스팅하고 있는데다가 속도도 꽤나 빠르고 안정적이더군요.

    cdnjs 는 주력 cdn서버가 cloudflare 를 쓰는데, 클라우드플래어 얘네들은 한국쪽에 엣지가 나와 있어서 그런것 같습니다.

    (물론 속도는 제 개인적인 경험이므로 구글이나 maxcdn등을 쓰시면서 아무 문제가 없는 경우도 많을거라 생각합니다)

     

    붙여서 써보니 괜찮아서, 요즘은 시간나면 들어가서 라이브러리에 있는것들을 하나씩 붙여서 써보는 중입니다...^^

     

    정리하자면, 간편하게 다운로드 없이  js/css 테스트해보는 용도로는  최고인것 같아요. 심지어 production에서 사용해도 큰 문제는 없을듯...

    (원하는 버전별로 사용가능합니다. )

    호스팅중인 라이브러리들중 일부: angular 관련 라이브러리들, react관련, bootstrap관련, jquery관련, font-awesome, 기타등등

     

     

    아래는 간략히 여러 버전을 쓰는 방법에 대한 설명입니다.

     

    원하는 라이브러리를 찾아서 (하나하나 찾아보거나 검색으로 - 여기서는 부트스트랩을 해볼게요)

     

    클릭해서 들어가면 버전과 cdn provider를 선택할 수 있습니다 

     

    그리고 써보기를 원하는 파일 우측에 마우스를 올리면 링크를 복사할 수 있습니다. 끝.

    P.S. : 아 물론, 각종 패키지매니저를 쓰시는 분들은 그냥 필요한거는 설치하시는게 더 간편하실 수도 있습니다. 이런방법도 있다는 거죠 뭐...

댓글 0 ...

https://meisteruser.net/recommended_sites/1780
번호
제목
닉네임
8 아키쑤 25871 2017.03.31
7 만독불침 7330 2017.03.23
6 공돌이 39276 2017.03.16
공돌이 2351 2017.03.16
4 공돌이 18159 2017.03.09
3 공돌이 1573 2017.02.24
2 공돌이 1357 2017.02.23
1 공돌이 832 2017.02.23
태그
위로