본문 바로가기

IT개발 과정 [취성패 학원]/jQuery

[jQuery] 01. 개요

jQuery 개요

jQuery란?

  • 기존에 자바스크립트 언어만으로 구현하기에 복잡했던 구문 작성들을 간소화 하기 위해 "존 레식"에 의해 개발된 JavaScript 기반 라이브러리(유용한 기능들의 모음집)
  • 즉, JavaScript언어로 유용한 함수나 내용들이 이미 만들어져 있는(정의되어있는) 모음집
  • 복잡한 자바스크립트 구문을 보다 짧고 쉽게 개발 가능(적은 양의 코드로 빠르고, 풍부한 기능 제공)
  • jQuery 장점
    1. DOM 요소와 관련된 스크립트를 보다 쉽게 구현할 수 있음
    2. AJAX (비동기식 통신), 이벤트 처리 등등 폭넓게 지원함
    3. jQuery와 관련된 확장형 플러그인, 오픈 API등을 지원(차트, 슬라이드, 애니메이션 등등)

 

jQuery 라이브러리 연결 방법

  • head태그 내부에 script태그로 jQuery 관련 .js 파일 가져오기
  • 단, 오프라인/온라인 방식이 있음
    • jQuery 공식 사이트 : 공식사이트
      1. jQuery 라이브러리 직접 다운로드 받은 후 경로 지정 (오프라인) → .js 파일을 내가 직접 다운로드 받아 저장한 후 해당 저장된 파일 경로를 작성하는 방법
      2. CDN(Content Delivery Network)를 통한 연결 (온라인)
    • UnCompressed - 개발자전용
      • 일반 JS 파일 : 개발자 같은 사람이 보기 쉽도록 주석, 코드 정렬 등을 활용해서 가시성을 유지하는 파일 (가독성 좋게)
    • Compressed - 배포전용
      • min JS 파일 : 주석, 들여쓰기, 띄어쓰기 등을 최소화해서 파일의 용량을 줄여서 제공하는 파일