JSFiddle에서 jQuery 사용하기

---

간단한 html/css/js 를 테스트 할 때에는 JSFiddle을 주로 사용했습니다.
JSFiddle에서는 기본적으로 javascript 문법만 지원하기 때문에 jQuery를 별도로 추가해야 사용할 수 있습니다.
해당 과정을 기록합니다.

---

JSFiddle에 jQuery 경로 추가

• JSFiddle 접속
  • https://jsfiddle.net/

• Resources 클릭
  

• JavaScript/CSS URL에 jQuery 경로 입력 후 +버튼 클릭
  • 주의할 점은 script 문법이 아닌 URL 경로 그대로를 입력해야 합니다.
    • ex) https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js
      

• Resources에 jquery.min.js가 추가되었는지 확인합니다.
  

jQuery 경로

만약 jQuery 경로를 모를 경우 참고하세요.

cdnjs

• https://cdnjs.com/libraries/jquery
  
  • 별도로 원하는 버전이 있다면 버전을 변경하셔도 됩니다.

---

테스트

코드 삽입

• jQuery 문법으로 코드를 작성한 후 저장을 합니다.

  $(document).ready(function() {
    alert('success');
  });

  • 저장 시 아래 이미지와 같은 alert이 떴다면 jQuery를 사용할 수 있는 상태입니다.
    

---

참고자료

🔥 jsfiddle.net

🔥 cdnjs.com

---