[TIL]221130 (JS/jQuery) $(document).ready(function(){};

Today I Learned

프로젝트에 jQuery를 사용하려는데 처음에 다

<scripts>
$(document).ready(function(){
};
</scripts>

로 시작 하였다. 그래서 이것이 무엇인지 궁금해져 찾아 보았다.

찾아보니 $(document).ready()는 문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 의미라고 하며, 이는 jQuery 이벤트 메서드 중 하나이며, 이 메서드는 비슷한 기능을 수행한단다.

---

jQuery는 하나의 메서드에 여러가지 함수를 연결할수있다.

보통 사용하는 코드는 아래와 같다.

<script>
window.onload = function(){

};
</script>

이렇게 작성한다면 하나의 모델에 하나의 이벤트만 연결할수 있지만,
jQurey를 사용한다면 이벤트 메서드는 이벤트로 여러개의 함수를 연결 할 수 있다.

ex) 아래의 예제는 실행하게되면 문서가 준비되는 순간 경고창 세개가 연달아 표시된다.

<script>
$(document).ready(function(){
	alert("First READY");
});

$(document).ready(function(){
	alert("Second READY");
});

$(document).ready(function(){
	alert("Third READY");
});
</script>

위 메서드는 많이 사용되어 jQuery에서 간단하게 사용할수있는 형태를 제공한다고함!!

<script>
$(function(){

});
</script>

---

jQuery를 사용하려면 일단 HTML과 jQuery를 연결하는 코드를 써야한다.
HTML 문서와 연결 하는법은 CDN을 이용하거나, 다운받아 연결하는법이 있다.

1. CDN 이용하기

• CDN이란?
  • 데이터 사용량이 많은 애플리케이션의 웹 페이지 로드 속도를 높이는 상호 연결된 서버 네트워크
  • CDN은 클라이언트와 웹 사이트 서버 간에 중간 서버를 두어 효율성을 높인다. 이러한 CDN 서버는 클라이언트-서버 통신의 일부를 관리한다.

    <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>

### 2. 다운로드 받아 연결하기
* jQuery 다운로드는 [여기](https://jquery.com/download/)에서 한다.
```javascript
<script src="path/jquery-3.3.1.min.js"></script>