[JavaScript] 라이브러리와 프레임워크 (jQuery)

안녕하세요, 코린이의 코딩 학습기 채니 입니다.

 

지금까지 포스팅을 통하여 제가 생산자의 입장에서 하나하나 개념 정리를 해보았는데요,

오늘은 타인이 만든 소프트웨어를 부품을 이용하여 만들고자 하는 것을 빠르게 구현시킬 수 있는 방법을 알아보겠습니다.

 

Library와 Framework이라는 키워드가 있습니다.

두 가지 키워드는 다른 사람의 도움을 받아 소프트웨어를 만든다는 점이 비슷하지만 다소 차이가 있습니다.

 

라이브러리

각각 개별적인 기능들로 쉽게 말해 부속품

따라서 라이브러리는 그러한 부속품들을 가져다가 적용시키는 것

프레임워크

개별적인 기능들이 연결되어 기초적인 제품 골격을 갖춘 상태,

이를 기본 틀로 삼아서 그 위에 덧붙여 만드는 것 쉽게 말해 반제품

 

이러한 차이점이 있습니다.

 

저는 오늘 라이브러리 중 jQuery라는 라이브러리를 사용해보려고 합니다.

---

How to?

 

Google CDN 라이브러리를 html 파일에 script로 가져왔습니다.

 

 

jQuery를 이용하여 이전 포스팅에서 작업하였던 color.js 파일을 수정해보았습니다.

(이전 코드들은 주석 처리하여 실제 동작하지 않게 하였습니다.)

 

$('a').css('color', color);

$ 함수를 이용하여 모든 'a'태그를 jQuery 로 제어하겠다는 뜻, 

태그의 css를 변경하고 싶을 땐 .css('변수', 매개변수를 통해 들어온 값)

 

이처럼 Links, Body 객체 내의 코드들을 jQuery를 이용하여 쉽게 처리해주었습니다.

 

기대효과 :

①

처리해야 할 태그들이 여러 가지가 있을 때 반복문을 통하여 처리해야 하지만 jQuery를 이용하면 반복문 사용하지 않음

jQuery가 대신에 처리해주므로, 편리성이 높아짐

②

생산성이 높아짐