본문 바로가기
프론트엔드/생활코딩

[생활코딩] JavaScript 11. 라이브러리와 API

by cejin 2023. 11. 10.

* JavaScript 목차

 

 

1.  라이브러리 vs 프래임워크

1. 라이브러리 (Library)

: 만들고 있는 프로그램에 사용할 부품을 가져오는 느낌
- 생산성 증가
- 많이 알수록 할 수 있는 일이 증가
 

 
2. 프레임워크 (Framework)

: 만들고자 하는 것에 따라 언제나 필요한 공통적인 부분에 달라지는 부분은 살짝 바꿔서 사용
- 반제품
- 수정이 필요
 
 

3. JQuery

: 오래되고 안정적인 라이브러리

 
* 바로 가기

 

jQuery

What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

jquery.com

 
 
1. 사용 방법
1) 다운로드한 파일을 프로젝트 폴더의 디렉터리로 옮겨 넣기
- 업로드
- 서비스
- 복잡함!
 
2) CDN(Content Delivery Network) 검색
- 자기들의 서버에다가 파일을 보관
- 우리는 script src를 통해 가져가는 방식
- 사용료도 대줌
- 구글 CDN 코드 복사

1.Google CDN
2. script 태그의 colors.js 위에 붙여넣기

 
2. 특징
- 반복문을 대신 처리함

$('a')
// jQuery는 함수를 이렇게 표시함

- a 태그를 제이쿼리로 통제한다는 뜻

 
 
 

2. API vs. UI

1. API (Application Programming Interface)

: 애플리케이션을 만들기 위해서 프로그래밍을 할 때 사용하는 조작 장치
- 순서가 중요
- 생산자가 부품으로 사용해서 순서에 맞게 끼우면 제품이 나옴
 
 

2. UI (User Interface)

: 사용자가 접하는 부분