Web - Javascript) jQuery

javaboiii의 Web

javaboiii 2024. 8. 16. 23:54

JavaScript

기존 프로젝트에 기능을 추가하고 싶을 때 가장 일반적인 방법은 라이브러리, .jar 파일, 그리고 import 문을 사용하는 것임.

라이브러리: 특정 기능들을 미리 코드로 작성해둔 파일 모음 자바스크립트에서는 이런 라이브러리를 사용해 자주 사용되는 기능을 쉽게 가져올 수 있음 예를 들어, 복잡한 계산이나 DOM 조작을 손쉽게 처리하는 자바스크립트 라이브러리들이 있음
.jar 파일: 주로 자바에서 사용되는 압축 파일로, 필요한 라이브러리들이 이 파일에 포함되어 있음 자바 환경에서 추가적인 기능을 도입할 때 .jar 파일을 프로젝트에 추가하여 사용함
import 문: 자바스크립트와 같은 프로그래밍 언어에서 외부 라이브러리나 파일을 불러오는 데 사용됨 이 import 문을 통해 프로젝트에 없는 외부 기능을 쉽게 가져올 수 있음

자바스크립트 환경에서 자주 사용되는 기능을 제공하는 대표적인 라이브러리는 jQuery임 jQuery는 DOM 조작, 이벤트 처리, 애니메이션 등을 간편하게 해주어 많은 개발자들이 사용하는 라이브러리임

jQuery: 자바스크립트를 더 쉽게 작성하게 해주는 라이브러리로, 문서 객체 모델(DOM) 조작, 이벤트 처리, AJAX 요청 등을 간편하게 처리함
Import 방법: jQuery는 CDN(Content Delivery Network)에서 가져올 수 있음 이 경우, HTML 파일의 <head> 태그 안에 <script> 태그를 추가해 CDN 경로를 입력하면 됨 또는 압축되지 않은(uncompressed) jQuery 파일을 직접 다운로드해 사용할 수도 있음

자바스크립트에는 다양한 프레임워크와 새로운 문법들이 있음 이런 프레임워크는 프로젝트의 구조를 잡아주고 더 효율적인 코드를 작성하게 도와줌

Node.js: 서버 측에서 자바스크립트를 실행할 수 있게 해주는 환경 비동기 처리를 쉽게 해주어 대규모 애플리케이션에 적합함
React.js: 사용자 인터페이스(UI)를 구성하는 데 최적화된 프레임워크 컴포넌트 기반 구조로 재사용성이 높은 UI를 쉽게 만들 수 있음

jQuery는 단순한 라이브러리 이상으로 다양한 플러그인과 API를 통해 확장성이 큼 이를 활용해 슬라이더, 모달 창, 드롭다운 메뉴 등 다양한 인터페이스 요소를 쉽게 구현할 수 있음