JavaScript 기초 또는 jQuery 기본 사용법

JavaScript 기초 또는 jQuery 기본 사용법

---

1. jQuery는 자바스크립트 라이브러리

• jQuery는 JavaScript 기반의 함수와 쿼리를 쉽게 사용할 수 있도록 돕는 라이브러리입니다.
• 예제에서 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>는 jQuery 라이브러리를 외부에서 가져오는 코드입니다.
• src="jquery.min.js"는 로컬에 저장된 jQuery 라이브러리를 불러오는 코드입니다.

---

2. jQuery 기본 사용법

• jQuery의 $()는 DOM 요소를 선택하는 함수입니다.
• $(document).ready(function(){ ... })는 문서가 준비된 후 실행할 코드를 작성하는 함수입니다.

---

3. console.log와 alert

• console.log: 디버깅 목적으로 사용되며, 개발자 도구(F12)의 콘솔 창에 메시지를 출력합니다.
• alert: 팝업 창을 띄우지만, 반복적으로 사용 시 사용자 경험을 저하시킬 수 있습니다.

---

4. JavaScript 변수 선언 (var)

• var는 JavaScript에서 변수를 선언하는 데 사용됩니다.
  • 현재는 let과 const를 사용하는 것이 권장되지만, 기존 코드에서는 var도 정상적으로 동작합니다.

---

5. 선택자 개수 확인 (length)

• jQuery에서 $()는 선택된 요소를 나타내며, .length는 해당 요소의 총 개수를 반환합니다.
  • 예: $('label').length는 HTML 문서에서 <label> 태그의 개수를 계산합니다.

---

6. 브라우저 개발자 도구(F12)

• 개발자 도구는 F12 키를 눌러 실행하며, 콘솔 창을 통해 console.log의 출력을 확인할 수 있습니다.

---