자바스크립트 기초 개념 -라이브러리와 프레임워크 #18

우리는 누군가가 만드는 소프트웨어 위에서 소프트웨어를 제작한다.

또한, 다른 사람들이 만든 파일을 부품으로 해서 내가 만들자고 하는 것을 빠르게 만드는 능력이 기본중에 기본이다.

라이브러리는 내가 만들고자 하는 프로그램에 필요한 부품들이 정리되어 재사용하기 쉬운 부품이 정리 되어있는 느낌이다.

 

프레임워크는 우리가 만들고자 하는 것이 있을 때, 그것이 무엇이냐에 따라서 그것을 만드려고 할 때 언제나 필요한 공통적인 것이 있고, 우리가 만들고자 하는 기획의도에 따라서 달라지는 부분이 있다. 그 공통적인 것과 달라지는 부분을 구분해서 우리가 만들고자 하는 의도를 정확하게 설계해주는 것이 프레임워크라고 할 수 있다. 반제품에 가깝다. 라이브러리는 땡겨와서 쓰는 느낌에 지나지 않는다.

 

라이브러리

 

대표적으로 jQuery가 있다.

 

google에 jquery 검색

 

http://www.devkuma.com/books/pages/167

https://jquery.com/download/

 

CDN(Content Delivery Network)을 이용해서 다운로드 받을 수 있다.

 

직접 라이브러리를 다운 받아서 프로젝트에 포함시키고 업로드하고 서비스하면 복잡하다.

 

이런 많은 라이브러리들이 CDN이라고 해서 자기들의 서버에 파일을 보관해놓고 스크립트src라는 방법으로 가져올 수 있다.

 

googleCDN을 눌러보자.

카피

  var Links = {
    setColor:function(color){
      $('a')
/*    var alist = document.querySelectorAll('a');
    var i = 0;
    while(i < alist.length){
      console.log(alist[i]);
      alist[i].style.color = 'color';
      i = i + 1;
    }
  }*/
  }

$('a')와 아래 코드는 모두 같은 코드이다. $는 반복문을 뜻한다.

 

css도 하고 싶다.

 

'jquery css' 검색

 

https://api.jquery.com/css/

예시를 보고 따라하면 된다.

  var Links = {
    setColor:function(color){
      $('a').css("color", color)
  }

이렇게 입력하면 매개변수 color에 값에 따라 css의 "color"가 바뀌게 된다.

 

라이브러리를 알고 활용하는 정도에 따라 아는 정도가 다르다.