라이브러리 & 프레임워크

라이브러리 vs 프레임워크

공통점

만들어져 있는 소프트웨어 도움을 받아 소프트웨어를 생산

다른 사람과 협력하는 모델 → 소프트웨어의 사회성

차이점

라이브러리 : 라이브러리를 가져 와서 쓰는 느낌

프레임워크 : 만들어 프레임워크의 안에 들어가서 작업하는 느낌

1. 라이브러리(Library)

내가 만들고자 하는 프로그램에 필요한 부품이 되는 소프트웨어를 잘 정리정돈 해 놓아 재사용하기 쉽도록 되어있는 소프트웨어

대표적인 라이브러리 : jQuery

*$(); 함수 사용 : 현재 웹페이지에 있는 프로퍼티를 jquery로 제어하겠다라는 뜻

jQuery

search : jquery

제이쿼리 사이트 접속 → Download → Google CDN(Content Delivery Network) → 가장 최신 버전의 스크립트 복사 → 미리 만든 <script>의 위에 붙임

JavaScript

var Links = {
    setColor : function(color){
        var alist = document.querySelectorAll('a');
        var i = 0;
        while(i < alist.length){
            alist[i].style.color = color;
            i = i + 1;
        }
    }
}
var Body = {
    setColor : function(color){
        document.querySelector('body').style.color = color
    },
    setBackgroundColor : function(color){
        document.querySelector('body').style.backgroundColor = color
    }
}
function nightDayHandler(self){
    var target = document.querySelector('body');
    if(self.value === 'night'){
        BodySetBackgroundColor('black');
        Body.SetColor('white');
        self.value = 'day';

        Links.setColor('powderblue');

    } else {
        Body.SetBackgroundColor('white');
        Body.SetColor('black');
        self.value = 'night';

        LinkssetColor('blue');
    }
}

jQuery

var Links = {
    setColor : function(color){
        $('a').css('color', color);
    }
}
var Body = {
    setColor : function(color){
        $('body').css('color', color);
    },
    setBackgroundColor : function(color){
        $('body').css('backgroundColor', color);
    }
}
function nightDayHandler(self){
    var target = document.querySelector('body');
    if(self.value === 'night'){
        Body.setBackgroundColor('black');
        Body.setColor('white');
        self.value = 'day';

        Links.setColor('powderblue');

    } else {
        Body.setBackgroundColor('white');
        Body.setColor('black');
        self.value = 'night';

        Links.setColor('blue');
    }
}

2. 프레임워크(Framework)

만들고자 하는 것이 무엇인가에 따라서 공통적인 부분 프레임워크를 만들어 놓고 달라지는 부분만 살짝 살짝 수정하여, 처음부터 끝까지 만들지 않도록 해주는 반제품과 같은 것을 의미