면접을 몇군데 다녀왔는데 필기 문제에 jQuery가 나오는 곳들이 몇군데 있어서 jQuery공부의 필요성을 느꼈다.
jQuery는 예전 프로젝트에서 좋아요 기능을 구현할 때 사용한 코드를 봤던 것 외에는 접해본 적이 없어서 우선 생활코딩 자바스크립트 강의에 있는 jQuery 강의를 보고 정리했다.
jQuery
- 엘리먼트를 선택하는 강력한 방법과
- 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는
- 자바스크립트 라이브러리
DOM을 내부에 감추고 보다 쉽게 웹페이지를 조작할 수 있도록 돕는 도구이다.
DOM(Document Object Model)
Document : 문서Object: 객체Model: 데이터문서 정보를 자바스크립트 객체의 형태로 만든 특정한 데이터 형태(트리구조)
HTML문법으로 작성된 문자열을 브라우저가 해석해서 자바스크립트 객체로 만든 것이다.
<!DOCTYPE html>
<html>
<body>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
jQuery( document ).ready(function( $ ) {
$('body').prepend('<h1>Hello world</h1>');
});
</script>
</body>
</html>.prepend
는 선택한 요소의 내용의 앞에 콘텐트를 추가한다.
=> Body 태그 아래에 <h1>Hello world</h1> 코드가 만들어진다.
출처:
https://yubylab.tistory.com/entry/자바스크립트-DOM과-jQuery
https://www.nextree.co.kr/p9747/
https://opentutorials.org/module/904/6630
'Study > JavaScript' 카테고리의 다른 글
| 자바스크립트의 객체지향 - 상속 (0) | 2022.08.28 |
|---|---|
| 자바스크립트의 객체지향 (0) | 2022.08.26 |
| 값으로서의 함수와 콜백 (0) | 2022.08.25 |
| 유효범위(Scope) (0) | 2022.08.25 |
| 자바스크립트 배열 정리 (0) | 2022.08.22 |