출처 : 생활코딩 JavaScript
Library 와 Framework 모두 다른사람의 도움을 받아 software를 만든다는 공통점을 가지고 있다.
서로 다른 점은,
Library : 재사용하기 쉽도록 data 부품들이 잘 정리되어 있는 것. 소프트웨어를 만드는 내가 라이브러리를 땡겨와서 쓰는 느낌. 자재랑 가구등 집에 필요한 재료같은 느낌.
Framework : 우리가 만들고자 하는 것이 무엇이냐에 따라서 살짝씩 수정해서 우리가 직접 다 완성하지 않아도 파일을 만들 수 있는 것. '반제품' 과도 같은 것. framework 안에 들어가서 우리가 직접 작업하는 느낌. 이미 집의 수도나 뼈대같은 기본적 구조가 있어서 입맛대로 꾸미기만 하면 되는 느낌.
JQuery : Javascript 의 Library. 안정적이고 오래되었다.
JQuery 다운 받는 법
-> JQuery site 접속 -> google CDN 들어가서 최신 code 받기 -> code를 script 태그 위에 붙여넣기
ex)colors.js 내의 코드들 더 간단하기 만들기
SetColor : function(color){
var alist = document.querySelectAll('a')
var i = 0
while ( i < alist.length){alist[i].style.color = color;
i = i+1;}}
위의 코드를 아래와 같이 대체할 수 있다.
SetColor : function(color){
$('a').css('color',color)}
$('a') : 이 웹페이지에 있는 모든 a태그들을 JQuery로 제어하겠다는 의미.
css('color',color) 내의 앞에 있는 'color'은 alist[i].style.color 의 color,
뒤에 있는 color는 매개변수를 통해 들어온 color값을 뜻함.
{document.querySelector('body').style.color = color}
또한
{$('body').css('color',color)} 으로 대체 가능.
{document.querySelecor('body').style.backgroundColor = color}
은
{$('body').css('color',color)} 으로 대체 가능하다.
UI : user interface, 사용자가 system을 제어하기 위해 사용하기 위한 화면에 보이는 조작장치. 사용자와 컴퓨터와의 상호작용 방식.
API : application programming interface, application을 만들기 위해 programming을 할 때 사용하는 조작장치. 응용프로그램과 커뮤터 운영체제와의 상호작용형식 ex)alert
추가 꿀팁들