[JS] 나머지 개념들 - library, framework, UI, API

[강의 출처] opentutorials.org/course/3085/18886

라이브러리와 프래임워크 - 생활코딩

---

Library & FrameWork

다른 이들이 작성해둔 코드들의 도서관 같은 곳

library가 각각의 부품이나 도구들의 전시장이라면

framework는 뼈대나 골격이 이미 잡힌 반제품들을 완성시키는 느낌

전체적인 흐름을 누가 결정하느냐에 따라 구분된다고 생각하면 됨 [참고]

 

라이브러리와 프레임워크의 사용법과 효용

js 라이브러리인 jQuery를 사용한다고 할 때,

똑같이 html문서에서 <script> 태그 내부나 기타 속성 안쪽에 js가 서술되는 부분에 위치

아래처럼 HTML 파일의 <script> 태그 형태로 제공하는 경우,  HTML 해당 부분에 붙여넣기해서 이용할 수 있음

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

 

js로는 길게 작성해야되는 코드들에 대해서 간단하게 처리 가능한 이점이 있음

아래처럼 'a'태그의 글자색을 빨간색으로 일괄 변경해야하는 경우:

 

JavaScript만으로 다룰 때

<script>
  var alist = document.querySelectorAll('a');
  var i = 0;
  while(i<alist.length){
    alist[i].style.color = color;
    i = i + 1;
  }
</script>

 

jQuery를 이용해서 다룰 때

<script>
  $('a').css("color", "red");
</script>

 

 

UI(User Interface)

• 사용자가 시스템을 제어하기 위해서 사용하는 조작 장치

API(Application Programming Interface)

• (특정한) 애플리케이션을 만들기 위해서 프로그래밍을 할 때 사용하는 조작 장치