스와이퍼 라이브러리 외 다양한 라이브러리 소개

2022. 11. 29. 16:44잇다 MESSAGE

잇다 TIP
잇다 TIP

안녕하세요~ 잇다소프트 입니다.

오늘은 저희가 홈페이지제작 시,

참고했었던 다양한 라이브러리 소개해 드릴거에요~

여기서 라이브러리란 소프트웨어에서도

하드웨어와 마찬가지로 하나로 일괄되어 다른 프로그램으로라도

재이용할 수 있는 형으로 되어 있는 것을 말하며,

복수의 모듈을 취급하기 쉽도록 하나로 일괄시킨 것입니다.

그럼 바로 스와이퍼 라이브러리 부터 소개해드리도록 하겠습니다.

 

스와이퍼
스와이퍼

스와이퍼

스와이퍼는 무료이며,

효율적으로 슬라이드를 만들어주는 라이브러리 입니다.

빠른 작업이 필요할 시에 적합합니다.

하위 버전의 경우는 ie9 까지 모두 지원되지만, 최선 버전의 경우 ie를 지원하기 위해

babel 이라는 자바스크립트 컴파일러를 사용해야 한다는 점 참고하세요~

 

제이쿼리
제이쿼리

제이쿼리

제이쿼리 라이브러리는 DOM을 활용해 웹 요소를 쉽게 조작할 수 있어

스와이퍼 플러그인 외에도 사용하기 편리한 라이브러리 입니다.

거의 모든 홈페이지 점유율에서 50% 이상이 들어갈 정도로

굉장히 많이 사용되는 라이브러리 입니다.

동적인 모션 혹은 개발을 할 때

자바스크립트만 사용하기엔 불편한 점이 있기 때문에

이를 보완하기 위해 만든 라이브러리가 바로 제이쿼리 입니다.

공식 웹사이트나 수많은 레퍼런스를 통해 쉽게 접근이 가능합니다.

하지만 최근 들어 제이쿼리의 입지가 점점 더 위태로워지면서,

개발자들 또한 더 이상 제이쿼리 라이브러리가 필요하지 않다는

의견을 내놓고 있다고 해요~

 

모더나이저
모더나이저

모더나이저

모더나이저는 작은 크기의 오픈소스 자바스크립트 라이브러리로

사용자의 브라우저가 현재 가지고 있는 HTML, CSS 기능을 감지하고, 지원 여부를 판별합니다.

브라우저마다 호환이 되는 문제 또는 페이지 렌더링이 되지 않는 부분을 감지해서

브라우저 간의 호환성 문제를 효율적이게 바꿔줍니다.

 

CHART.JS
CHART.JS

CHART.JS

CHART.JS는 웹 화면에 간단하게 띄울 수 있는 그래프를 만들어주는 라이브러리 입니다.

손쉽게 선형, 막대형, 도넛형 등의 8가지 차트를 생성할 수 있고,

쉽게 기존 코드에 Canvas tag로 넣을 수 있어 매우 강력한 오픈 소스 라이브러리 입니다.

통계 자료나 점유율을 웹으로 보여주기 위해서 굉장히 많이 활용되고 있습니다.

다이나믹 기능을 따로 제공하지 않지만,

AJAX를 활용하다면 실시간 차트로 충분히 만들 수 있습니다.

 

GSAP
예시 Green stock

GSAP

GSAP는 프론트엔드 개발자와 디자이너들이 쉽게 사용할 수 있는

아주 강력한 타임라인 기반의 애니메이션 라이브러리 입니다.

가장 큰 장점은 제이쿼리보다 20배 이상 퍼모먼스가 좋고, 사용법이 간단하다는 점입니다.

자바스크립트에 대한 지식이 뛰어나지 않아도 애니메이션을

쉽게 제작할 수 있다는 점이 GSAP 라이브러리의 가장 큰 장점입니다.

오늘은 이렇게 스와이퍼 라이브러리 이 외에도

홈페이지제작 시 이용하는 다양한 라이브러리를 알아보았는데요!

웹페이지제작 작업을 진행하시는 많은 분들에게 도움이 되는 정보였음 하네요~

그럼 다음주에도 도움될 수 있는 좋은 이야기로 찾아 뵙도록 하겠습니다.

홈페이지제작 관련 문의는 잇다소프트 홈페이지 통해

문의주시면 빠르게 답변 도와드리겠습니다. 감사합니다!