JAVASCRIPT | jQuery

🤔 jQuery, 그게 뭔데?

제이쿼리는 자바스크립트 언어를 더 간편하게 사용할 수 있도록 단순화 시킨 자바스크립트 라이브러리입니다.

뛰어난 호환성

유지관리가 용이한 코드 작성

다양한 기능 제공(네트워크, 애니메이션 등)

플러그인 직접 구현, 확장 가능

---

🤓 jQuery, 사용해볼까?

jQuery를 사용하기 위해서는 jQuert 라이브러리를 웹페이지에 연결해서 사용해야 합니다.
각 버전별 브라우저 호환 여부가 다르기 때문에 확인하시고 연결하시면 됩니다 '3'

📌 직접 다운로드 방식

1) jQuery 라이브러리 다운로드
공식 홈페이지 내 Download jQuery v3.6.1 을 다운로드 받아 사용합니다.

2) HTML 문서에서 jQuery 라이브러리 연결
<script src="jquery-3.6.1.min.js"></script>
html 문서를 jQuery 라이브러리와 같은 경로에 저장합니다.

📌 CDN 방식

1) CDN 복사하기
공식 홈페이지 내 jQuery CDN을 복사합니다. 그 밖의 Google / Microsoft / CDNJS / jsDelivr CDN도 사용하실 수 있습니다.

2) HTML 문서에서 jQuery 라이브러리 연결
<script src="jquery-3.6.1.min.js"></script>
html 문서를 jQuery 라이브러리와 같은 경로에 저장합니다.

---

🤨 jQuery 기본 형식

<script src="jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function(){
        실행문;
    });
</script>

jQuery의 기본 형식은 $(document).ready( ) 입니다.
ready( )는 jQuery 이벤트로 자바스크립트의 load 아밴트와 유사한 기능을 가지고 있습니다.

<script src="jquery-3.6.0.min.js"></script>
<script>
    $(function(){
        실행문;
    });
</script>

document.ready를 생략하여 표현할 수도 있습니다.

---

📄 jQuery를 활용해서 이미지 슬라이드 효과 만들기

앞에 서류 이모티콘을 클릭하면 이미지 슬라이드 게시물로 넘어갑니다. 더 자세히 알고 싶으신 분들은 눌러주세요 ~!