35.라이브러리와 프레임워크

 

우리가 소프트웨어를 만들때 혼자 만드는 것보다느 다른 사람이 이미 잘 만든것을 부품으로 삼아 내가 만들고자 하는 것을 빠르게 조립해서 만드는 것이 오늘날 소프트웨어를 만드는 아주 중요한 기본 중의 기본이라 할 수 있습니다. 알아두면 좋은 키워드는 라이브러리와 프레임 워크 입니다.

 

• 라이브러리는 무엇인가 정리정돈돼 있는 곳입니다. 내가 만들고자 하는 프로그램에 필요한 부품들이 되는 소프트 웨어들을 잘 정리정돈해 놓은, 재사용하기 쉽게 돼 있는 소프트웨어를 라이브러리라 합니다.

 

• 프레임워크는 우리가 만들고자 하는 것이 있을때 그것이 무엇이냐에 따라 (예를들어, 게임이냐 웹 사이트냐 채팅 프로그램이냐에 따라 ) 언제나 필요한 공통적인 것이 있고, 기획 의도에 따라 달라지는 부분이 있습니다.

 

라이브러리는 소프트웨어를 만드는 내가 라이브러리를 가져와서 쓰는 것이라면

프레임워크란 것은 프레임워크 안에 우리가 들어가서 작업한다는 느낌이 있습니다.

 

 

먼저 라이브러리를 살펴볼 텐데 , 자바 스크립트 라이브러리 중에서 가장 유명한 것은 jQuery 라는 라이브러리 입니다.

jQuery 를 간편하게 사용하려면 'CDN'을 복사해야 하는데

JavaScript 04 <jQuery>

JS 라이브러리 중 jQuery에 대해 알아보자 ! jQuery 는 CDN 연결이 필요한데 여기서 CDN 이란? ...

blog.naver.com

이 링크를 참고 하시기 바랍니다.

 

jQuery 에서 $('a')는 이 웹페이지에 있는 모든 <a> 태그를 jQuery로 제어 하겠다는 뜻입니다.

 

jQuery를 이용해 기존 코드를 수정해보겠습니다.

var Body = {
  setColor: function(color){
    $('body').css('color',color);
    // document.querySelector('body').style.color = color;
  },
  setBackgroundColor: function(color){
    $('body').css('backgroundColor', color);
    // document.querySelector('body').style.backgroundColor = color;
  }
}
.. 생략 ..

 

 

 

jQuery 라이브러리 불러 오기

cnd 연결 jQuery
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
<script src ="color.js"></script>